/* CSS Document */

@media only screen and (max-width: 815px) {
	/*
		---------------------------------------------------------------------------------------------------------------------
		------------------------------ Reset CSS Styles for this screen size ------------------------------------------------
		---------------------------------------------------------------------------------------------------------------------
	*/
	
	nav div:hover {
		text-decoration: none;
	}
	
	nav #TopLevel_Links ul, nav #TopLevel_Links li {
		border: none;
	}
	
	
	/*
		---------------------------------------------------------------------------------------------------------------------
		--------------------------------------- Site Wide Styles ------------------------------------------------------------
		---------------------------------------------------------------------------------------------------------------------
	*/
	.top-div {
		padding-top: 2em;
	}
	
	
	/*
		---------------------------------------------------------------------------------------------------------------------
		--------------------------------------- Header Nav Styles -----------------------------------------------------------
		---------------------------------------------------------------------------------------------------------------------
	*/
	
	.Hide {
		display: none;
	}
	
	.Show {
		display: block;
	}
	
	#Mobile_Nav {
		display: inline-block;
		width: 30px;
		margin-right: 10%;
		color: #B7E5FF;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		font-weight: bold;
	}
	
	#Mobile_Nav:hover {
		color: aqua;
		cursor: pointer;
	}
	
	nav ul, nav li, nav a {
		display: block;
	}
	
	nav {
		text-align: right;
		padding-top: 0.25em;
		padding-bottom: 0.25em;
	}
	
	#Header_Links {
		margin-top: 1em;
		text-align: left;
	}
	
	nav li:first-child, #TopLevel_Links ul li:first-child {
		border-top: solid 2px #003D6F;
	}
	
	nav li, #TopLevel_Links ul li {
		border-bottom: solid 2px #003D6F;
	}
	
	nav #TopLevel_Links {
		position: static;
	}
	
	nav #TopLevel_Links ul {
		position: static;
		display: block;
	}
	
	#TopLevel_Links li a {
		padding-left: 3em;
	}
	
	nav ul a:hover {
		background-color: rgba(211,211,211,0.40);
	}
	
	
	/*
		---------------------------------------------------------------------------------------------------------------------
		--------------------------------------- Contact Styles --------------------------------------------------------------
		---------------------------------------------------------------------------------------------------------------------
	*/
	.Contact_Fieldset {
		width: 70%;
		margin: auto auto 2em auto;
	}
	
	.Contact_Span label, .Contact_Span .contact_error {
		width: 100%;
	}
	
	.Contact_Span input {
		width: 98.5%;
	}
	
	
	/*
		---------------------------------------------------------------------------------------------------------------------
		--------------------------------------- Project Styles --------------------------------------------------------------
		---------------------------------------------------------------------------------------------------------------------
	*/
	.one_img_span, .two_img_span, .three_img_span {
		margin: 0;
	}

	.two_img_span img, .three_img_span img {
		margin: 0 0 1em 0;
		width: 100%;
	}
	
	.no_bottom_padding {
		padding-bottom: 1em;
	}
	

	
	/*
		---------------------------------------------------------------------------------------------------------------------
		--------------------------------------- Home Page Styles ------------------------------------------------------------
		---------------------------------------------------------------------------------------------------------------------
	*/
	
	.home_div {
		margin: auto;
		width: 60%;
	}
	
	.home_div img {
		margin-bottom: 0.5em;
		width: 100%;
		height: auto;
	}
	
	.top_div {
		margin-top: 3em;
	}
	
	.middle_div {
	}
	
	#middle_right_img {
		margin-bottom: 0.5em;
		margin-left: 0;
	}
	
	.bottom_div {
	}

	/*.home_div img {
		width: 90%;
		height: auto;
	}

	.top_div, .middle_div, .bottom_div {
		margin: auto 2em;
	}
	
	.top_div {
		margin-top: 4em;
	}

	.middle_div, .bottom_div {
		margin-top: 1em;
	}	
	
	.middle_div img:last-of-type {
		margin-left: auto;
	}*/


	
	
	
/* end of media max-width: 815px */	
}










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

	/*
		---------------------------------------------------------------------------------------------------------------------
		--------------------------------------- Site Wide Styles ------------------------------------------------------------
		---------------------------------------------------------------------------------------------------------------------
	*/
	h1 {
		font-size: 3em;
	}
	
	
	/*
		---------------------------------------------------------------------------------------------------------------------
		--------------------------------------- Contact Styles --------------------------------------------------------------
		---------------------------------------------------------------------------------------------------------------------
	*/
	.Contact_Span button {
		width: 95%;
	}
	
	.Contact_Span button:last-child {
		margin-top: 1em;
		margin-left: auto;
	}
	
	
	
	


/* end of media max-width: 470px */	
}










@media only screen and (max-height: 570px) {

	/*
		---------------------------------------------------------------------------------------------------------------------
		--------------------------------------- Contact Styles --------------------------------------------------------------
		---------------------------------------------------------------------------------------------------------------------
	*/
	.top-div {
		padding-top: 0.5em;
	}
	
	
	/*
		---------------------------------------------------------------------------------------------------------------------
		--------------------------------------- Contact Styles --------------------------------------------------------------
		---------------------------------------------------------------------------------------------------------------------
	*/
	nav {
		position: relative;
	}
	
	
	
	
	
	
	
	
	
	
	
	

/* end of media max-height: 570px */	
}