/*=== Reset and Multi-Browser Consistency ===*/
html, body, section, footer, figure, span, h1, h2, p, a {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}
section, footer, figure {display:block;}
a {text-decoration:none;}
strong {color:#283891;}
img {border:none !important;}
/*=== General Styles ===*/
* {
	font-family:'Open Sans', sans-serif;
}
html {
	height:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
    font-size:14px;
	-o-transition:all .33s;
	-moz-transition:all .33s;
	-webkit-transition:all .33s;
	transition:all .33s;
}
@media screen and (min-width: 200px){html {font-size:11px;}}
@media screen and (min-width: 460px){html {font-size:12px;}}
@media screen and (min-width: 500px){html {font-size:12px;}}
@media screen and (min-width: 570px){html {font-size:13px;}}
@media screen and (min-width: 620px){html {font-size:13px;}}
@media screen and (min-width: 680px){html {font-size:13px;}}
@media screen and (min-width: 720px){html {font-size:14px;}}
@media screen and (min-width: 800px){html {font-size:14px;}}
@media screen and (min-width: 860px){html {font-size:14px;}}
@media screen and (min-width: 920px){html {font-size:14px;}}
@media screen and (min-width: 1000px){html {font-size:14px;}}
@media screen and (min-width: 1100px){html {font-size:14px;}}
@media screen and (min-width: 1200px){html {font-size:14px;}}
@media screen and (min-width: 1300px){html {font-size:14px;}}




body {
	min-height:100%;
	font-size:1rem;
	line-height:1rem;
	margin:0 auto;
	background:#72a7da;
}
.unseen {display:none;}
h1 {
	position:fixed;
	top:0;
	left:0;
	width:calc(50% - 2rem);
	height:100%;
	margin:0;
	padding:0 1rem;
	text-align:center;
	font-size:4rem;
	line-height:4.25rem;
	color:#FFF;
	text-indent:-1000rem;
	background:#fff;
}
h1 img {
	display:block;
	width:auto;
	height:35%;
	margin:22.5% auto
}
section {
	position:fixed;
	top:0;
	left:50%;
	width:35%;
	height:auto;
	padding:10% 10% 10% 5%;
	background:#72a7da;
}
section h2 {
	font-size:4.929rem;
	line-height:4.571rem;
	margin-bottom:2.714rem;
	color:#fff;
	font-weight:900;
	text-transform:uppercase
}
section h3 {
	font-size:1.429rem;
	line-height:1.5rem;
	margin-bottom:2.286rem;
	letter-spacing:.214rem;
	color:#fff;
	font-weight:600;
	text-transform:uppercase
}
section p, section ul {
	font-size:1.25rem;
	margin-bottom:1.25rem;
	color:#fff;
	font-weight:400
}
section ul {
	float:left;
	width:auto;
	padding:0 64px 32px 0;
	line-height:1.825rem;
	list-style-type:none
}
section p {
	clear:both;
	line-height:2rem;
}
section p span {
	display:block;
	color:#283891	;
}
footer {
	position:fixed;
	bottom:0;
	left:0;
	width:98%;
	height:auto;
	padding:1%;
	font-size:12px;
	line-height:14px;
	font-weight:100;
	text-align:right;
	color:rgba(0,0,0,.66);
}
footer a:link, footer a:visited {
	color:#000;
	text-shadow:none;
	-o-transition:color .33s;
	-moz-transition:color .33s;
	-webkit-transition:color .33s;
	transition:color .33s;
}
footer a:hover {
	color:#00adef;
	text-shadow:3px 6px 3px rgb(0, 0, 0, .5);
}

@media screen and (max-width: 1366px)  {
	section {
		height:auto;
		padding:10% 10% 10% 5%;		
	}
	section h2 {
		font-size:3.5rem;
		line-height:3.25rem;
		margin-bottom:1.714rem;
	}
	section ul {
		padding:0 16px 8px 0;
	}
}

@media screen and (max-width: 1024px)  {
	h1 {
		position:relative;
		width:calc(100% - 2rem);
		height:25rem;
		height:50vh
	}
	h1 img {
		width:auto;
		height:10rem;
		height:15vh;
		margin:5rem auto
	}
	section {
		position:relative;
		width:80%;
		left:0;
		height:auto;
		padding:16.6665% 10%;
	}
	section h2 {
		font-size:2.929rem;
		line-height:2.571rem;
		margin-bottom:2.714rem;
		text-align: center
	}
	footer {position:relative;}
	section ul {
		padding:0 64px 32px 0;
	}
}