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

html { 
  background: url(../images/splash.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body{margin:0 0 0 0;}
.container{}
.logo{text-align:center;width:100%; height:200px;margin:50px 0 20px 0;}
.headline{font-family: 'Lato', sans-serif; color:#d3e5f4;font-size:40px;font-weight:900;text-align:center; width:100%;text-shadow: 3px 3px #040e14;margin:0 0 10px 0;}
.paragraph{font-family: 'Lato', sans-serif;color:#fff;font-size:26px;font-weight:300;text-align:center; text-shadow: 2px 2px #040e14;display: block;
  margin-left: auto; margin-right: auto; margin-top:20px;margin-bottom:20px;padding:0 20% 0 20%;}
.comingsoon{width:100%; text-align:center;display: block;margin:0 0 5px 0;}
.formcontainer{background-color:#154360; border:1px solid #b8d4ec; opacity: 0.9;;padding:30px;text-align:center;display: block;
  margin-left: auto; margin-right: auto;margin:0 30% 0 30%;padding-top:20px;padding-bottom:30px;}
.formheader{font-family: 'Lato', sans-serif;color:#fff;font-size:32px;font-weight:700;text-align:center;font-weight:300;text-shadow: 1px 1px #040e14;margin:0 0 20px 0;}
.fieldcontainer{}
.email{width:100%;}
.submit{width:100%;margin:-3px 0 0 0;}
.footer {font-family: 'Lato', sans-serif; color:#d3e5f4;font-size:14px;font-weight:400;text-align:center; width:100%;margin:30px 0 10px 0;}
.footer a:link {color:#fff;}
.footer a:visited {color:#b2cee5;}
.footer a:hover {color:#b2cee5;}
input[type=text] {
    width: 100%;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #b8d4ec;
    outline: none;
	font-size:20px;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	text-align:center;
}

input[type=text]:focus {
    background-color: #fcd9b4;
}

input[type=button], input[type=submit], input[type=reset] {
    width: 100%;
	background-color: #0b2331;
	border: 2px solid #b8d4ec;
    color: white;
    padding: 12px 20px;
    text-decoration: none;
    cursor: pointer;
	font-size:20px;
	font-family: 'Lato', sans-serif;
	font-weight:900;
}




@media screen and (max-width: 767px){
	.logo{height:50px;margin:30px 0 60px 0;}
    .logo img{width:50%;}
	.comingsoon img{width:75%;}
	.headline{font-family: 'Lato', sans-serif; color:#d3e5f4;font-size:30px;font-weight:900;text-align:center; width:100%;text-shadow: 3px 3px #040e14;margin:0 0 30px 0;}
	.paragraph{font-family: 'Lato', sans-serif;color:#fff;font-size:24px;font-weight:300;text-align:center; text-shadow: 2px 2px #040e14;display: block;
  margin-left: auto; margin-right: auto; margin-top:20px;margin-bottom:40px;padding:0 5% 0 5%;}
  	.formcontainer{margin:0 10% 0 10%;}
}


@media screen and (max-width: 900px){
	.logo{height:50px;margin:30px 0 60px 0;}
    .logo img{width:50%;}
	.headline{font-family: 'Lato', sans-serif; color:#d3e5f4;font-size:30px;font-weight:900;text-align:center; width:100%;text-shadow: 3px 3px #040e14;margin:0 0 30px 0;}
	.paragraph{font-family: 'Lato', sans-serif;color:#fff;font-size:24px;font-weight:300;text-align:center; text-shadow: 2px 2px #040e14;display: block;
  margin-left: auto; margin-right: auto; margin-top:20px;margin-bottom:40px;padding:0 10% 0 10%;}
  	.formcontainer{margin:0 10% 0 10%;}
}