@charset "UTF-8";

* {margin: 0;}
body {background-color: #07559e; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1 {width: 170px; height: 71px; background: transparent url(79logo.png); position:absolute; margin: 20px;}
h1 span {display: none;}
h2 {width: 100%; color: #07559e; text-align:center; margin-top: -50px; font-size: 2.3em; font-weight:normal;}

.description {display:none;}
#page {height:100vh; border: 2px solid #fff;}
#splash, #services {margin: 0;}
#splash {width: 100%; height: 600px; background: transparent url(79background.png) top repeat-x; }
#splash img {width: 800px; max-width:100%;}
#services {text-align:center;  width: 100%; color:#fff; margin-top: 20px; font-size: 1.5em; font-weight: 300; padding-bottom: 20px;} 
#contact {width: 100%; margin: 0 0 0 0; font-size:1.15em; text-align:center; }
#contact a, #contact a:hover {text-decoration:none; margin: 0 25px; color: rgba(255, 255, 255, 0.6);}
#contact a:hover {color: #fff;}
.fade {color: rgba(255, 255, 255, 0.3); margin-right: 6px;} 

@media screen and (max-width: 780px) {
#splash {background: none; height: auto;}
h2 {font-size: 1.8em; margin-top: -40px;}
#services {font-size: 1.2em; margin-top: 25px;}
#contact {font-size: 1em;}
}

@media screen and (max-width: 550px) {
h2 {font-size: 1.1em; margin-top: -35px;}
#services {font-size: 1em; margin-top: 20px; padding-bottom: 10px;}
#contact {font-size: .9em;}
}

@media screen and (max-width: 400px) {
h2 {font-size: 1em; margin-top:-50px;}
#services a, #services a:hover {color: #7dc5e3;}
#services {padding-top: 10px;}
h1 {position: relative; clear: both; text-align:center; margin: 20px auto;}
#contact {display:block;}
#contact a, #contact a:hover {display: block; margin: 6px 0;}
}