@charset "UTF-8";
/* CSS Document */
body {font-family: 'Lato', sans-serif;}
.bg {
	background:url(../images/main-header_2.jpg) no-repeat!important; 
	-webkit-background-size: cover!important;
  	-moz-background-size: cover!important;
  	-o-background-size: cover!important;
	background-size: cover!important;
	background-position: center;
	height: 100%!important;
	bottom: 0!important;
	position: fixed;
}
.paddingtop {padding-top:50px;}
.intro {line-height:36px; font-size:18px;}
h1 {color:#024347}
h2, h3 {color:#024347;}
#tagline {font-family: 'Oswald', sans-serif; cursive;font-size: 72px; word-spacing: 15px;color:#024347 }
p {color:#9A9A9A; font-size:16px;}
li {display:block; color:#9A9A9A;}
a {color:#868E6E ; text-decoration: underline;}
li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #CCCCCC;
}


nav li:before {content: "";}
.bg-blk70 {background:rgba(0,0,0,0.7); color:#FFFFFF;}
.bg-green {background:#4c6d80; color:#FFFFFF}
.bg-grey {background:#3a3a3a; color:#FFFFFF}
.bg-lt-grey {background:#eeeeee; color:#000000}
.wh-text {color:#FFFFFF;}
.modal-footer {background: #716d6a!important;}
.footer-text {color: #ffffff; font-size: 12px;text-align: center;}

.btn {background:#487182; font-size:18px; border-radius:0px; margin:20px auto; min-width: 30%; transition:background .5s, color .5s; -webkit-transition:background .5s, color .5s;}
.btn a {color:#FFFFFF;}
.btn:hover {background:#000000; color:#868E6E;}

.fancy-thumb {width:33%;}

#logo {width:80%; position: relative; margin:50px auto; display: block;}

.skyscraper {height:100%; position: absolute; width: 100%;}
@media screen and (max-width: 1200px) {.fancy-thumb {width:100%!important;}#tagline {font-family: 'Oswald', sans-serif; cursive;font-size: 48px; word-spacing: 15px;}}
@media screen and (max-width: 768px) {.bg {position: relative;} #logo {margin-top:0px; padding-top:50px;}}