@charset "UTF-8";
/* CSS Document */

/********************** BASE STYLES - DESKTOP *************************/
body {margin:0; padding:0; background:url(images/bg.png) repeat #eeeeee; font-family: 'Muli', sans-serif; color:#333333;}
p {padding:10px 0; margin:0; font-size:15px; line-height:20px; text-align:left;}
h1 {width:850px; padding:122px 0 0; margin:0; color:#eeeeee; font-size:28px; line-height:50px; font-weight:normal; text-align:left; text-shadow: 0px 1px 1px #000000;}
h1 strong {font-size:58px; font-family:Arial, sans-serif; color:#ffffff;}
h2 {padding:10px 0 20px 0; margin:0; font-size:26px; line-height:40px; font-weight:normal; text-align:center;}
h3 {padding:0 0 5px 0; margin:0; font-size:18px; line-height:24px; font-weight:bold;}
h4 {padding:0 0; margin:0; font-size:11px; line-height:16px; font-weight:bold; text-transform:uppercase;}
h5 {width:600px; padding:15px 0; margin:0; font-size:26px; line-height:40px; font-weight:normal; text-align:center; border-bottom:#eeeeee solid thin;}
a, a:visited {font-weight:bold; color:#20bee5; text-decoration:none; cursor:pointer;}
a:hover {color:#005685;}

#logo {width:100px; height:94px; margin:25px 0; background-image: url('images/logo.png'); background-image: url('images/logo.svg'), none; background-repeat:no-repeat;}
#prim {width:100%; height:425px; margin:0 0 0 0; background-color:#006ba6; background-image:url(images/prim-bnr.jpg); background-position:center top; background-repeat:no-repeat;box-shadow: 0px 2px 2px #000000;}

#intro {width:600px; padding:40px 0; font-size:26px; line-height:34px; text-align:center; border-bottom:#999999 solid thin;}
#intro p {text-align:center;}

.team {width:600px; overflow:hidden; padding:25px 0;}
.team-img {width:125px; height:125px; float:left;}
.team-desc {width:435px; float:left; text-align:left; padding:0 0 0 40px;}

#footer {width:600px; padding:0 200px; margin:30px 0; color:#eeeeee; background-color:#333333; border-radius:8px;}
#form {width:300px; padding:10px 0;}
#form p {width:100%; font-size:12px; line-height:18px;}
#FirstName, #LastName, #Email, #Phone, #first_name, #last_name, #email, #telephone {width:96%; height:32px; font-size:15px; line-height:32px; color:#666666; border:0; background-color:#eeeeee; padding:0 2%; border-radius:3px;}
#Message, #comments {width:96%; height:90px; font-size:15px; line-height:18px; color:#666666; border:0; background-color:#eeeeee; padding:8px 2%; border-radius:3px;}
#ftr-branding {width:100%; overflow:hidden; padding:25px 0; border-top:#999999 solid thin;}
#ftr-logo {width:145px; height:50px; float:left; background-image: url('images/ftr-logo.png'); background-image: url('images/ftr-logo.svg'), none; background-repeat:no-repeat;}
#ftr-address {width:455px; height:50px; float:left; text-align:right; font-size:10px; line-height:14px;}

.star {font-size:35px; text-align:center;}
.error {color:#20bee5 !important;}

.btn, .btn:visited {padding:10px 25px; margin:0; color:#ffffff; font-size:14px; line-height:50px; font-weight:normal; text-align:center; cursor:pointer; text-transform:uppercase; border-radius:3px; border:0; background:#005685;
background: -webkit-linear-gradient(#0284cb, #005685); background: -o-linear-gradient(#0284cb, #005685); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#0284cb, #005685); /* For Firefox 3.6 to 15 */ background: linear-gradient(#0284cb, #005685); /* Standard syntax (must be last) */}
.btn:hover {background:#0284cb; color:#ffffff;}
#btn-prim {width:850px; text-align:left; margin:20px 0 0; line-height:25px;}
#btn-prim a, #btn-prim a:visited {padding:10px 25px; color:#005685; font-size:12px; font-weight:normal; text-align:center; cursor:pointer; text-transform:uppercase; border-radius:3px; border:0; text-shadow:none; box-shadow: 0px 1px 1px #000000; background:#eeeeee; background: -webkit-linear-gradient(#eeeeee, #cccccc); /* For Safari */ background: -o-linear-gradient(#eeeeee, #cccccc); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#eeeeee, #cccccc); /* For Firefox 3.6 to 15 */ background: linear-gradient(#eeeeee, #cccccc); /* Standard syntax (must be last) */}
#btn-prim a:hover {background:#e5e5e5;}
#btn-submit {padding:10px 25px; margin:10px 0; color:#ffffff; font-size:14px; line-height:25px; font-weight:normal; text-align:center; cursor:pointer; text-transform:uppercase; border-radius:3px; border:0;
background:#005685; background: -webkit-linear-gradient(#0284cb, #005685); /* For Safari */ background: -o-linear-gradient(#0284cb, #005685); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#0284cb, #005685); /* For Firefox 3.6 to 15 */ background: linear-gradient(#0284cb, #005685); /* Standard syntax (must be last) */}

.desktop {display:block;}
.mobile {display:none;}


/********************** TABLET STYLES *************************/
@media (min-width: 651px) and (max-width: 1000px) {
h1 {width:600px; padding:95px 0 0; text-align:center;}
#prim {height:350px; background-position:60% 0%;}
#btn-prim {width:600px; text-align:center;}
#footer {width:600px; padding:0 50px;}
}


/********************** MOBILE STYLES *************************/
@media (max-width: 650px) {
.desktop {display:none;}
.mobile {display:block;}

p {text-align:center;}
h2 {padding:10px 0 20px 0; margin:0; font-size:24px; line-height:30px; font-weight:normal; text-align:center;}
h3 {padding:10px 0 0 0; width:100%; text-align:center;}
h4 {width:100%; text-align:center;}
h5 {width:100%; font-size:24px; line-height:30px;}

#logo {position:absolute; left:50%; margin:25px 0 0 -50px; background-image: url('images/logo-white.png'); background-image: url('images/logo-white.svg'), none;}
#prim {width:100%; height:225px; margin:0; background-position:66% 0%;}
#intro {width:260px; padding:15px 0 35px; font-size:16px; line-height:21px; text-align:center; border-bottom:#999999 solid thin;}
.team {width:260px; padding:15px 0;}
.team-img {width:100%; float:none;}
.team-desc {width:100%; float:none; padding:0;}
#footer {width:80%; padding:0 10%; margin:30px 0 0; border-radius:0;}
#form {width:100%;}
#ftr-logo {width:115px; height:50px; float:left; background-image: url('images/ftr-logo.png'); background-image: url('images/ftr-logo.svg'), none; background-repeat:no-repeat;}
#ftr-address {width:50%; height:50px; float:right; text-align:right; font-size:10px; line-height:14px;}

.star {font-size:30px; text-align:center;}
}