/* CSS Validated 10/7/15


VIEWPORT WIDTHS:

iPhone: 320 - 480
iPad:  768 - 1024
Galaxy S4: 360 - 640
Kindle HD: 533 - 802 */


HTML	{overflow-y: scroll; /* always force a scrollbar in non-IE */}


BODY		{margin: 0;
			 font-family: Times, 'Times New Roman', serif;
			 background-image: url(images/bkgrd.jpg);
	 		 background-repeat: no-repeat; background-position: top center;
			 background-attachment: fixed;
			 background-size: cover;
			 background-color: #9ABCD5;}
	

IMG		{border: 0;
		 vertical-align: middle;}


.container	{width: 100%;
			 max-width: 1000px;
			 margin: 0 auto 0 auto;
			 padding-bottom: 30px;}


HEADER	{width: 90%;
		 max-width: 900px;
		 margin: 40px auto 0 auto;
		 padding: 15px;
		 box-shadow: 0px 0px 3px 4px rgba(50, 50, 50, 0.15);
		 /* H V Blur Spread Color (equivalent of #333) */}


H1	{font-size: 3em;
	 color: white;
	 font-weight: bold;
	 margin: 0;
	 text-shadow: 2px 2px black;}

@media screen and (max-width: 900px) {

H1	{font-size: 2.5em;}

}


H2	{font-size: 1.5em;
	 color: white;
	 font-weight: normal;
	 font-style: italic;
	 margin-top: 5px;
	 margin-bottom: 0;
	 padding: 0;
	 text-shadow: 1px 1px black;}

@media screen and (max-width: 900px) {

H2	{font-size: 1.4em;}

}


@media screen and (max-width: 775px) {

H1	{font-size: 2em;}

H2	{font-size: 1.2em;}

}

@media screen and (max-width: 610px) {

H1	{font-size: 1.6em;}

H2	{font-size: .9em;}

}

@media screen and (max-width: 450px) {

H1	{font-size: 1.4em;}

H2	{font-size: .8em;}

}

@media screen and (max-width: 390px) {

H1	{font-size: 1.1em;}

}

H3	{font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 1em;
	 color: #003399;
	 font-weight: normal;
	 text-align: center;
	 margin: 20px 0 3px 0;
	 padding: 0;}

@media screen and (max-width: 775px) {

H3	{font-size: .8em;}

}

@media screen and (max-width: 610px) {

H3	{font-size: .7em;}

}


.contact	{width: 75%;
			 margin: 40px auto 0 auto;
			 padding: 15px 15px 20px 15px;
			 background-color: white;
			 opacity: .8;
			 border: 1px solid #003399;
			 box-shadow: 0px 0px 3px 4px rgba(50, 50, 50, 0.15);
			 /* H V Blur Spread Color (equivalent of #333) */}


@media screen and (max-width: 390px) {

.contact	{width: 85%;}

}


P	{font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: .9em;
	 color: #003399;
	 margin: 0 0 12px 0;
	 opacity: 1;}

@media screen and (max-width: 900px) {

P	{font-size: .8em;}

}


.footer		{width: 90%;
			 max-width: 900px;
			 margin: 15px auto 0 auto;
			 padding: 10px 0 0 0;}

.footer P	{margin: 0 0 5px 0;
			 text-align: center;
			 color: white;
			 text-shadow: 1px 1px black;
			 font-size: .9em;}


a:link {color: #0033FF; text-decoration: none;}
a:visited {color: #0033FF;}
a:hover {text-decoration: underline;}