/*  GLOBAL RESET  */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, address, em, img, q, strong {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}
a img, :link img, :visited img {
border: 0;
}

/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
	background-color:#348FBC;
	-webkit-text-size-adjust:100%;
	}

body {
	background-color:#348FBC;
	}

#Container {
	padding:20px;
	width:100%;
	max-width:960px;
	box-sizing:border-box;
	background-color:#348FBC;
	margin-left:auto;
	margin-right:auto;
	overflow-wrap:break-word;
	}

h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:2.8em;
	line-height:1.2em;
	font-weight:bold;
	margin: 0;
	color:#F8B1B3;
	}

h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.8em;
	line-height:1.3em;
	font-weight:bold;
	margin: 0;
	color:#F7E2AD;
	}

h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.3em;
	line-height:1.3em;
	font-style: italic;
	margin: 0;
	color:#ffffff;
	}

p {
	color:#FFF;
	margin: 20px 0px 20px 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.1em;
	line-height:1.5em;
	}

img, input[type="image"] {
	max-width:100%;
	height:auto;
	}

img.hero {
	display:block;
	width:100%;
	max-width:909px;
	height:auto;
	margin:20px auto 0;
	}

/* Phones and small tablets */
@media (max-width: 640px) {
	#Container {
		padding:16px;
		}
	h1 {
		font-size:1.9em;
		line-height:1.2em;
		}
	h2 {
		font-size:1.3em;
		line-height:1.3em;
		}
	h3 {
		font-size:1.05em;
		line-height:1.4em;
		}
	p {
		font-size:1em;
		line-height:1.55em;
		margin:16px 0;
		}
	#Container > br {
		display:none;
		}
	#Container > h1, #Container > h2, #Container > h3 {
		margin-bottom:14px;
		}
	}
