/* Tweak Point Values */
	/* Tweak Point 1 - 42em */
	/* Tweak Point 2 - 52em */
	/* Tweak Point 3 - 62em */
	/* Tweak Point 4 - 78em */

/* Document Sections */
	/* Base Layout */
	/* Header Styles */
	/* Main Content Styles */
	/* Social Media Styles */
	/* Footer Styles */


/* CSS Reset */
	* {
		box-sizing: border-box;
	}
	
	html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, small, a, blockquote, sup, img, video, figure, figcaption, div, form, label, input, textarea, button {
		margin: 0;
		padding: 0;
		border: 0;
	}
	
	/* New HTML5 Element Behavior in Older Browsers */
	header, section, footer, aside, nav, main, article, figure {
    display: block; 
	}
	
	form, label, input, textarea, button {
		display: block;
	}
	
	ul, ol, dl {
		list-style-position: inside;
	}
	


/* Base Layout */


/* Base Style Modules (Flexbox, etc...) */
/*

.flex-container {
	display: flex;
}

.flex-child {
	width: 50%;
}
*/

/* Media Query Example */

/*
	@media screen and (min-width: 52em) {
		body {
			width: 90%;
			margin: 0 auto;
		}
	}
*/

	body {
		width: 100%;
		font-size: 100%;
		font-weight: 100;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		color: #ffffff;
		text-rendering: optimizeLegibility;
		background: #11566b;
		min-width: 18.75rem;
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-weight: 100;
		text-align: center;
	}
	
	h2, h3, h4, h5, h6 {
		margin-top: 1.8rem;
		margin-bottom: 1rem;
	}
	
	h1 {
		font-size: 3.2rem;
		padding-top: 10%;
	}
	
	h2 {
		font-size: 2.2rem;
	}
	
	h3 {
		font-size: 1.8rem;
	}
	
	h4 {
		font-size: 1.6rem;
	}
	
	h5 {
		font-size: 1.4rem;
	}
	
	h6 {
		font-size: 1.2rem;
	}
	
	p {
		font-size: 1.2rem;
		text-align: justify;
		margin-top: 1rem;
		margin-bottom: 1rem;
		line-height: 1.2em;
		word-spacing: .05em;
		letter-spacing: .02em;
	}
	
	ul, ol, dl {
		text-align: justify;
		font-size: 1.2rem;
		margin: 1rem 0;
	}
	
	ul {
		list-style: circle;
		list-style-position: inside;
	}
	
	ol {
		list-style-type: decimal;
		list-style-position: inside;
	}
	
	/* Styles for definition list? */
	
	ul ul, ul ol, ul dl, ol ul, ol ol, ol dl, dl ul, dl ol, dl dl {
		margin: 0;
	}
	
	a:link, a:visited {
		-webkit-transition: color .3s ease, background-color .3s ease;
		-moz-transition: color .3s ease, background-color .3s ease;
		transition: color .3s ease, background-color .3s ease;
		text-decoration: none;
		color: #00a3ff;
	}
	
	a:hover, a:active {
		outline: 0;
		color: #ffffff;
	}
	
	a:focus {
		outline: thin dotted #ff0000;
	}
	
	sup {
		font-size: 0.6em;
		padding-left: .125em;
	}
	
	small {
		font-size: .6em;
	}
	
	i {
		font-style: italic;
	}
	
	b {
		font-weight: bold;
	}
	
	em {
		font-style: italic;
	}
	
	strong {
		font-weight: bold;
	}
	
	.wordBreak {
		word-break: break-all;
	}
	
	h1, h2, h3, h4, h5, h6, p, ul, ol, dl {
		padding-left: 5%;
		padding-right: 5%;
	}
	
/* Header Styles */
	#pageHeader {
		color: #ffffff;
		background-image: url("/index-background.jpg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		
	}
	
	#pageHeader sup {
		font-size: .4em;
	}
	
	#pageHeader .tagLine {
		text-align: center;
		margin: 0;
	}
	
	#mainNav {
		padding-top: 8%;
	}
	
	#mainNav ul {
		margin: 0;
		border: 0;
		padding: 0;
		display: flex;
		list-style: none;
	}
	
	#mainNav li {
		width: 25%;
	}
	
	#mainNav a {
		display: block;
		text-align: center;
		padding: 1rem 0;
		font-size: 1rem;
	}
	
	#mainNav a:link, #mainNav a:visited {
		color: #ffffff;
		background-color: #00495f;
	}
	
	#mainNav a:hover, #mainNav a:active {
		color: #000000;
		background-color: #ffffff;
	}
	
/* Main Content Styles */
	
	/* Order Form Styles (Added 12/8/18) :) */
	#contactForm {
		font-size: 1rem;
		padding: 1rem 5%;
	}
	
	.required {
		color: #ff0000;
	}
	
	#contactForm label, #contactForm input, #contactForm textarea, #contactForm button {
		font-size: 1rem;
	}
	
	#contactForm label, #contactForm input, #contactForm textarea {
		width: 100%;
	}
	
	#contactForm label {
		padding: 1rem 0;
	}
	
	#contactForm input, #contactForm textarea {
		color: #ffffff;
		background-color: #00495f;
		padding: .6rem;
		
	}
	
	#contactForm button {
		width: intrinsic;
		background: #00495f;
		color: #ffffff;
		border-radius: 1rem;
		margin: 1rem auto;
		padding: 0.5rem 5%;
		cursor: pointer;
		-webkit-transition: color .3s ease, background-color .3s ease;
		-moz-transition: color .3s ease, background-color .3s ease;
		transition: color .3s ease, background-color .3s ease;
	}
	
	#contactForm button:hover, #contactForm button:active {
		background: #ffffff;
		color: #000000;
	}
	
	#contactForm .contactFormFlexBox {
		display: block;
	}
/*
	
	@media screen and (min-width: 46em) {	
		#contactForm .contactFormFlexBox {
			display: flex;
		}
		
		#contactForm .contactFormFlexBox label {
			width: 30%;
			margin-bottom: 1rem;
		}
		
		#contactForm .contactFormFlexBox input {
			width: 70%;
			margin-bottom: 1rem;
		}
	}
	
*/
/* Email Composition Styles */
	
/* Footer Styles */
	#pageFooter {
		background: #00495f;
		color: #ffffff;
		padding-left: 5%;
		padding-right: 5%;
		padding-top: .8rem;
		padding-bottom: .8rem;
	}
	
	#pageFooter p {
		font-size: 1rem;
		line-height: 1em;
		margin-top: .5rem;
		margin-bottom: .5rem;
		padding: 0;
	}
	
	#pageFooter a:link, #pageFooter a:visited {
		text-decoration: none;
		color: #000000;
	}
	
	#pageFooter a:hover, #pageFooter a:active {
		outline: 0;
		color: #ffffff;
	}
	
	a:focus {
		outline: thin dotted #ff0000;
	}
	
	#pageFooter :first-child {
		margin-top: 0;
	}
	
	#pageFooter :last-child {
		margin-bottom: 0;
	}
	
	#pageFooter .backToTop{
		text-align: right;
	}