* {margin:0; padding:0;}
html, body {height: 100%;}
body {font-family: ProximaNova-Light; font-size:16px; line-height:22px; color:#808080; background:#ffffff;}
.clear {display:block; clear:both; height:0;}
a img {border:none;}
a {outline:none;}

header, nav, section, article, aside, footer {display:block;}

.loaded *, .loaded {-moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
img {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;}
input[type="submit"] {-webkit-appearance: none;}


/***** Fonts *****/
@font-face {
    font-family: 'ProximaNova-Light';
    src: url('fonts/proxima_nova_light-webfont.eot');
    src: url('fonts/proxima_nova_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proxima_nova_light-webfont.woff2') format('woff2'),
         url('fonts/proxima_nova_light-webfont.woff') format('woff'),
         url('fonts/proxima_nova_light-webfont.ttf') format('truetype'),
         url('fonts/proxima_nova_light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('fonts/proxima_nova_reg-webfont.eot');
    src: url('fonts/proxima_nova_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proxima_nova_reg-webfont.woff2') format('woff2'),
         url('fonts/proxima_nova_reg-webfont.woff') format('woff'),
         url('fonts/proxima_nova_reg-webfont.ttf') format('truetype'),
         url('fonts/proxima_nova_reg-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Bold';
    src: url('fonts/proxima_nova_bold-webfont.eot');
    src: url('fonts/proxima_nova_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proxima_nova_bold-webfont.woff2') format('woff2'),
         url('fonts/proxima_nova_bold-webfont.woff') format('woff'),
         url('fonts/proxima_nova_bold-webfont.ttf') format('truetype'),
         url('fonts/proxima_nova_bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}




/***** Logo *****/
#logo {display:inline-block; max-width:316px; margin:21px 0;}
#logo img {display:block; max-width:100%; height:auto;}


/***** Container *****/
.container {padding:75px 15px 51px 15px;}
.container.gray {background-color:#333333; padding:180px 15px 66px 15px;}


/***** Content *****/
.content {max-width:1038px; margin:0 auto;}

.content h1 {font-weight:normal; font-family:ProximaNova; font-size:24px; line-height:24px; color:#333333; padding-top:25px; padding-bottom:20px;}
.container.gray .content h1 {color:#b3b3b3;}

.content h2 {font-weight:normal; font-family:ProximaNova-Light; font-size:16px; line-height:22px; color:#333333; padding:19px 0 22px 0;}

.content p {padding:0 0 22px 0;}
.container.gray .content p {color:#b3b3b3;}

.content .column {float:left; width:45%; margin-right:10%;}
.content .column.last {margin-right:0;}

.content a {text-decoration:none; color:#000000;}
.content a:hover {text-decoration:underline;}


/***** Footer *****/
#footer-container {padding:0 15px;}
#footer {max-width:1038px; margin:0 auto; border-top:1px solid #e6e6e6; padding:84px 0 77px 0;}
#footer #copyright {color:#808080; font-size:16px; line-height:22px;}



/***** Media Queries *****/
@media screen and (max-width: 1100px){
    .container {padding:45px 15px 21px 15px;}
    .container.gray {padding:80px 15px 36px 15px;}
    #footer {padding:54px 0 47px 0;}
}

@media screen and (max-width: 700px){
    .container {padding:25px 15px 0 15px;}
    .container.gray {padding:40px 15px 0 15px;}
    #footer {padding:20px 0 20px 0;}
    
    .content .column {float:none; width:100%; margin-right:0%; padding-bottom:25px;}
    .container.gray .column.last {display:none;}
    
    .content h1 {padding-top:10px;}
    .content h2 {padding:10px 0 11px 0;}
    .content p {padding-bottom:11px;}
}

@media screen and (max-width: 400px){
    #logo {display:block;}
}