@import url(http://fonts.googleapis.com/css?family=Crimson+Text);

/* Html Reset - to remove styling added by default in some browsers */
html, body, form#Form, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	background: none;
	vertical-align: baseline;
}
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: top;
}
img {
	vertical-align: bottom;
}
a {text-decoration: none;}
a:hover {text-decoration: underline;}

* table {border-collapse: collapse;}

input {border: none;}

/* Fixes - general fixes */
html {min-width: 320px; overflow-y: scroll; overflow-x: hidden; height: 100%; font-size: 62.5%; background: #fff url('../images/paper.jpg') repeat top center; background-size: 500px 300px; font-family: "Crimson Text", Georgia, "Times New Roman", Times, serif;}
body {height: 100%; background-color: transparent; text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 20px; line-height: 1.2em;}

/* Paper Edges */
#splash:after, article:before, article:after {content: ""; display: block; position: absolute; left: 0; right: 0; height: 4px; background: transparent repeat-x bottom center;}
article:before {top: 0; background-image: url('../images/paper-edge-top.png');}
#splash:after, article:after {bottom: 0; background-image: url('../images/paper-edge-bottom.png');}

#splash, #splash * {cursor: pointer;}
#splash {position: relative; width: 100%; height: 100%; padding-bottom: 4px; background: #fff url('../images/the-expectant-tui-by-rosino.jpg') no-repeat right bottom; background-size: cover;}
#splash p {position: absolute; bottom: 20px; left: 20px; font-size: 12px; font-size: 1.2rem;}
#splash p, #splash a, #splash a:link, #splash a:visited {color: #fff; color: rgba(255,255,255,.3); text-decoration: none;}
#splash a:hover {color: #fff;}

main {position: relative; min-height: 100%;}
#main {display: block; position: absolute; top: 0; left: 0;}
main > header {padding: 30px;}
#logo img {max-width: 100%;}

menu {margin-top: 30px;}
menu ul {list-style-type: none;}
menu li {display: inline-block;}
menu li a {padding: 0 20px; font-size: 20px; color: #005670;}
menu li a:hover {text-decoration: none;}
menu li.active a, menu li a:hover {color: #2EB0D9;}

article {position: relative; padding: 34px 0; background: #2eb0d9 url('../images/paper-blue.jpg') repeat top center; background-size: 500px 300px;}
article > * {width: 100%; padding: 0 30px; max-width: 760px; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 auto;}
article h1, article p {color: #fff;}
article a {color: #a8eaff;}
article a:hover {color: #fff;}
article p {text-align: justify;}

h1 {font-weight: 500; font-size: 26px; font-size: 2.6rem;}
p {font-size: 18px; font-size: 1.8rem;}
h1, p {margin-bottom: 12px;}
p:last-child {margin-bottom: 0;}

footer {font-size: 0; width: 100%; padding: 30px; max-width: 760px; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 auto;}
footer div {font-size: 14px; font-size: 1.4rem; color: #005670;}
footer div a, footer div a:link, footer div a:visited {color: #005670;}
footer div a:hover {color: #2EB0D9;}

/* Dynamically Created Elements */
#whitelogo {position: absolute; top: 50%; left: 10px; right: 10px; margin-top: -70px;}
#whitelogo img {max-width: 500px; width: 100%;}
#findoutmore {position: absolute; bottom: 20px; left: 0; right: 0; padding-bottom: 26px; color: #fff; font-size: 20px; font-size: 2.0rem; background: transparent url('../images/find-out-more.png') no-repeat center bottom;}

/* Media Queries */

@media only screen and (min-width: 1400px) {
	html {font-size: 66.5%;}
}

@media only screen and (min-width: 600px) {
	menu li:before {content: '\2022'; display: inline-block; color: #2EB0D9;}
	menu li.first:before {content: none; display: none;}
	footer div {display: inline-block; width: 50%;}

	.one {text-align: left;}
	.two {text-align: right;}
}

@media only screen and (max-width: 599px) {
	html {font-size: 58.5%;}
	menu li, menu a {display: block; height: 34px;}
	.one {margin-bottom: 8px;}
	.two {line-height: 1em;}
	#findoutmore {bottom: 44px;}
}

@media only screen and (max-width: 499px) {
	html {font-size: 54.5%;}
}

@media only screen and (max-width: 399px) {
	html {font-size: 50.5%;}
}

@media only screen and (max-height: 360px) {
	body {padding-bottom: 10%;}
}