/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
.clear {width:100%;clear:both;height:1px;background:#eee;}
html,body {margin:0;padding:0;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {background: #494949; color: #444;font: 16px; font-family:'Roboto Condensed',sans-serif; font-weight:300;}
#container {width:100%; margin:0 auto; background:#fff;}

#header {width:96%; background:#17376E; color:white; display:inline-block; padding:0 2%;}
#header span {color:white; margin-bottom: 0;}
#header img {width: 215px; position:absolute; top:36px; left:0;}
.main-header p {width:650px; margin:10px auto 0;}
.main-header p span:nth-child(1) {font-size:30px;}

#nav {width:100%; background:#17376E; text-align:center; padding: 15px 0 0;}
#nav a {color:#fff; padding:10px 25px; margin:0; display:inline-block; font-size:21px; font-weight:400; text-transform:uppercase;}
#nav a:hover {background:#46A5E5;}
#toggle {display:none;}

.main,.main-header {width:96%; max-width:1280px; margin:0 auto; position:relative;}
.main {padding: 15px 0; line-height:2;}
#section {height:600px;}

#footer {width:96%; background:#494949; color:white; display:inline-block; padding:30px 2%; text-align:center;}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
a,button,input,.link-box {-webkit-transition: all 0.15s;	-moz-transition: all 0.15s; -o-transition: all 0.15s;	transition: all 0.15s; outline:none!important;}
h1,h2,h3,h4,h5,h6 {clear:both; display:block; margin:0 0 20px;}

a {background-color: transparent; text-decoration: none; color:#46A5E5;}
a:active,a:hover {outline:0;}
b,strong {font-weight:bold;}
img {border:0;}
.fa {margin-right:10px;}
.link-box {width:170px; text-align:center; border-radius:7px; padding:15px; border:2px solid #fff; display:inline-block; position:relative;}
.link-box b {position:absolute; width:75%; top:30px;}
/*.link-box:hover {border:2px solid #ccc;}*/




/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media screen and (max-width: 1200px) {
#header p {width:610px; margin:10px 0 0 auto;}
#nav {text-align:right!important;}
}

@media screen and (max-width: 920px) {
#header {height:auto; text-align:center}
#header img {position:static; padding: 15px; width:150px;}
#header p {width:100%; margin:0 0 15px auto; text-align:center}
#nav {text-align:center!important;}
}

@media screen and (max-width: 700px) {
#nav {display:none; padding:0;}
#nav a {display:block; padding: 20px 0; background:#aaa; border-bottom:1px solid #bbb;}
#nav a:hover {background:#ccc; border-bottom:1px solid #bbb;}
#toggle {display:block; color:#fff; background:#3786BB; text-align:center; line-height: 3; cursor:pointer;}
}