
*, ::after, ::before {
	box-sizing: border-box;
}

body, legend, pre {
	color: #ffffff;
}
body, figure {
	margin: 0;
}
body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 1.428571429;
}
body, html {
	height: 100%;
	background-color: #223442;
}
a,p{font-size:18px;}
a {
	color: #ffffff;
	text-decoration: none;
}
a:hover {
	color: #f0f0f0;
	text-decoration: underline;
}

.wrapper {
	min-height: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-content: stretch;
}

.header-line {
	border-top: 5px solid #3796c4;
	height: 5px;
	background-color: transparent;
	/*background-image: url('../images/footer-logo.jpg');
	background-position: center;
	background-repeat: repeat-x;*/
	width: 100%;
}

.center-container {
	display: flex;
	flex-direction: column;
	align-content: space-between;
	min-height: 70vh;
	padding: 0 5px;
}
.container-top {
	padding-bottom: 5%;
	padding-top: 5%;
	font-size: 20px;
}

.container-bottom {
	/*background-image: url('../images/footer-logo.jpg');
	background-position: center 40%;
	background-repeat: repeat-x;*/
}
.container-bottom-wrap {
	padding-bottom: 20px;
	width: 100%;
	max-width: 770px;
	padding: 0 10px 20px 10px;
	margin: 0 auto;
}
.container-bottom p,
.container-bottom a {
	font-size: 16px;
}


footer .submit-btn,footer input{border:none;outline:0;height:30px}
img.logo{max-width:90%;position:relative;margin:0 auto;}

.videoWrapper {
	width: 100%;
	max-width: 770px;
	margin: 0 auto;
	position: relative; padding-bottom: 55%; padding-top: 0; height: 0;
}
.videoWrapper iframe {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}


@media screen and (max-width:480px){
  /*img.logo{position:static;margin:30px auto auto;max-width:95%}*/
}
@media screen and (min-width:481px) and (max-width:1024px){
  /*img.logo{position:static;margin:70px auto auto}*/
}
@media screen and (max-height:800px){
  img.logo{max-height: 320px;}
}
@media screen and (max-height:400px){
}
.landing-info,.landing-header {
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  padding: 30px 5px;
}
.landing-header {font-size:46px; line-height:1.2em; margin: 5px auto;}
.landing-info{font-size:20px;padding-bottom:0.5em;}
footer i,footer input{margin-right:10px}
footer{bottom:20px;padding:0 40px;width:100%;position:relative}
@media screen and (max-height:400px){
  footer{position:static}
}
footer p{color:#FFF;margin-bottom:20px}footer ul{padding:0}footer li{display:inline;margin-right:5px}footer .platforms{text-align:left}@media screen and (max-width:1242px){footer .platforms{text-align:center;margin-bottom:50px}}@media screen and (max-width:480px){footer{padding:0 10px}footer .platforms{margin-bottom:20px}footer .platforms img{max-width:30%}}@media screen and (max-width:321px){footer .platforms{margin-bottom:5px}}
footer .contact{text-align:center;}@media screen and (max-width:1242px){footer .contact{margin-bottom:50px}}footer a,footer a:hover{color:#ffc20e}footer input{background-color:#ccc;color:#000;width:220px;padding-left:5px}@media screen and (max-width:480px){footer .contact{margin-bottom:20px;margin-top:20px}footer input{max-width:58%}footer .submit-btn{max-width:35%}}footer .submit-btn{background-color:#ffc20e;width:112px;font-size:12px;color:#171717;position:relative;top:-2px;font-weight:400;margin:0}@media screen and (min-width:768px){.container{max-width:730px}}
.subs-block { width: 353px; margin: 0 0 0 auto; text-align: left;}
@media screen and (max-width:1200px){
  .subs-block { margin: 0 auto; text-align: center; }
}
@media screen and (max-width:767px){
	.landing-header { font-size: 36px;}
	.container-bottom {
	padding-bottom: 15px;
	padding-top: 5px;
	background-image: none;
	}

}
@media screen and (max-width:480px){
	.landing-header { font-size: 28px;}
}

p .email-link, .email-link { color: #3796c3; }
p .email-link:hover, .email-link:hover { color: #ffffff; }

.social-icons { text-align: center; padding-bottom: 8px;}


.page-footer {
	background-color: transparent;
	/*background-image: url('../images/footer-logo.jpg');
	background-position: bottom center;
	background-repeat: repeat-x;*/
	width: 100%;
	padding-bottom: 10px;
}
.page-footer-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	max-width: 770px;
	margin: 0 auto;	
	padding: 10px 5px;
}
.copy { display: inline-block; font-size: 14px; color: #ffffff; padding: 20px 5px;}
.author { display: inline-block; font-size: 14px; color: #ffffff; padding: 20px 5px;}
.author a { color: #ffffff; text-decoration: none; }

@media screen and (max-width:767px){
.author,.copy { width:100%; text-align:center; }
}
