body {
    background:url(../img/top_bg.jpg) center top no-repeat #171a20;
    font:23px "Montserrat", sans-serif;
    color:white;
    padding:0;
    margin:0;
    text-transform:uppercase;
}
.container {
    text-align:center;
}
.title {
    padding-top:150px;
}
h1 {
    font-size:23px;
}
h2 {
    font-size:12px;
    font-weight:200;
    letter-spacing:2px;
}
h3 {
    font-size:17px;
}
.pick {
    margin-top:60px;
}
div.light {
    background:url(../img/light.png) no-repeat;
    background-size:100% auto;
    min-height:345px;
    margin-top:40px;
}
div.dark {
    background:url(../img/dark.png) no-repeat;
    background-size:100% auto;
    min-height:345px;
    margin-top:40px;
}
div {position:relative;}
div.he1  a {
    padding:63px 20px;
    border-radius:300px;
    display:inline-block;
    font-size:13px;
    margin-top:13%;
    text-decoration:none;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
}
div.light a {
    background:rgba(255,255,255,0.9);
    color:black;
    text-decoration:none;
    animation-duration: .4s;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
}
div.light a:hover {
    background:rgba(0,0,0,0.9);
    color:white;
    text-decoration:none;
}
div.dark a {
    background:rgba(0,0,0,0.9);
    color:white;
    text-decoration:none;
    animation-duration: .4s;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
}
div.dark a:hover {
    background:rgba(255,255,255,0.9);
    color:black;
}
.copy {
    font-size:13px;
    padding-top:80px;
    padding-bottom:40px;
}