html{
	height: 100%;
}

body {
	min-height: 100%;
	margin:0;
	display:flex;
	flex-direction: column;
	font-size: 16px;
	font-family: 'karla', sans-serif;
	color: #253039;
	background-color: #F0F2F2;
	max-width: 1440px;
	margin:0 auto;
}

ul{
	list-style: none;
	padding:0;
}

a{
	cursor: pointer;
}

.container{
	
	
	flex:1;
	position: relative;
}

#top_home {
	
	z-index: 999;
	right:0;
	left:0;
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.mobile_nav_container{
	
	
	padding:0 5% 0 5%;
	display: flex;
	flex-direction: column;

	max-width: 1200px;
	
}

.mobile_nav_flex_wrapper {
	display:flex;
	justify-content: space-between;
	height: 71px;
	align-items: center;
}


.mobile_nav_flex_wrapper > a {
	width: 100%;
	display: inline-block;
	max-width: 150px;
}

.nav_logo{
	width:100%;
	display: block;
}

.fa.fa-times {
	display:none;
}

input {
	display:none;
}

#mobile_nav {
	display: none;
	
	
}

#toggle:checked ~ #top_home{
	position: fixed;
}



.icon_bar_1{
	height:5px;
	background-color: #253039;
	width:35px;
	margin-bottom: 5px;
	transition:all 500ms ease-in-out;
}

.icon_bar_2{
	height:5px;
	background-color: #253039;
	width:35px;
	margin-bottom: 5px;
	transition:all 500ms ease-in-out;
}

.icon_bar_3{
	height:5px;
	background-color: #253039;
	width:35px;
	margin-bottom: 5px;
	transition:all 500ms ease-in-out;
}


#toggle:checked ~ #top .mobile_nav_container #mobile_nav{
	display: flex;
	flex-direction: column;
	padding:20px 20px;
	align-items: flex-start;
}

#toggle:checked ~ #top_home .mobile_nav_container #mobile_nav{
	display: flex;
	flex-direction: column;
	padding:20px 20px;
	align-items: flex-start;
}

#toggle:checked ~ #top .mobile_nav_container{
	background-color: white;
	height: 100vh;
	
}

#toggle:checked ~ #top_home .mobile_nav_container{
	background-color: white;
	height: 100vh;
	
}

#toggle:checked ~ #top_home .mobile_nav_container .mobile_nav_flex_wrapper label .icon_bar_1{
	margin-bottom: 0;
	transition:all 500ms ease-in-out;
}

#toggle:checked ~ #top_home .mobile_nav_container .mobile_nav_flex_wrapper label .icon_bar_2{
	margin-bottom: 0;
	transition:all 500ms ease-in-out;
}
#toggle:checked ~ #top_home .mobile_nav_container .mobile_nav_flex_wrapper label .icon_bar_3{
	transition:all 500ms ease-in-out;
}

#toggle:checked ~ #top_home .mobile_nav_container .mobile_nav_flex_wrapper label .icon_bar_1{
	transform:rotate(45deg);
}

#toggle:checked ~ #top_home .mobile_nav_container .mobile_nav_flex_wrapper label .icon_bar_2{
	transform:rotate(-45deg);
}
#toggle:checked ~ #top_home .mobile_nav_container .mobile_nav_flex_wrapper label .icon_bar_3{
	display:none;
}





#mobile_nav a {
	text-decoration: none;
	color:#253039;
	font-size: 1.875em;
	line-height: 3.125em;

}

#mobile_nav a:hover {
	opacity: .6;
}



.hero_background{
	background-image: url("/images/white_tanks.jpg");
	position: relative;
	background-repeat:no-repeat;
	background-size: cover;


}

.overlay{
	/*background-color:#A7CCED;*/
	background-color: white;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: .6;
}

.hero_content{
	position: relative;
	padding: 80px 0 80px 0;
	width: 96%;
	margin: 0 auto;
}

.content_link{
	text-decoration: none;
	padding: 9px 20px;
	background-color: #253039;
	color: white;
	border-radius: 5px;
}

.content_link:hover{
	background-color: white;
	color:#253039;
	}

.about{
	background-color:#333C41;
	padding-bottom: 40px;

}

.cross_content{
	background-color: #E3E4E5;
	width:85%;
	max-width: 653px;
	height:auto;
	margin:-20px auto 0 auto;
	position: relative;
	padding:40px 0 40px 0;
	box-shadow: 0 10px 5px; 

}

.cross_header{
	
	width: 95%;
	margin:0 auto 15px auto;

}

.cross_paragraph{
	width:95%;
	margin: 0 auto;
}

.services_mobile{
	
	display: flex;
	flex-direction: column;
	align-items: center;
	margin:0 auto;
	padding: 20px 0 40px 0;
	background: -moz-linear-gradient(45deg, rgba(116,190,0,1) 0%, rgba(0,128,128,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(116,190,0,1)), color-stop(100%, rgba(0,128,128,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(116,190,0,1) 0%, rgba(0,128,128,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(116,190,0,1) 0%, rgba(0,128,128,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(116,190,0,1) 0%, rgba(0,128,128,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(116,190,0,1) 0%, rgba(0,128,128,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008080', endColorstr='#74BE00',GradientType=1 ); /* ie6-9 */
}

.services{
	display: none;
	padding: 20px 0 40px 0;
	background: -moz-linear-gradient(45deg, rgba(116,190,0,1) 0%, rgba(0,128,128,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(116,190,0,1)), color-stop(100%, rgba(0,128,128,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(116,190,0,1) 0%, rgba(0,128,128,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(116,190,0,1) 0%, rgba(0,128,128,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(116,190,0,1) 0%, rgba(0,128,128,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(116,190,0,1) 0%, rgba(0,128,128,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008080', endColorstr='#74BE00',GradientType=1 ); /* ie6-9 */
}

.services a{
	align-self: center;
}

.services_header{
	margin: 0 auto 20px auto;
}

.tab_content{
	display:none;
}



#tab1:checked ~ #tab_content1, #tab2:checked ~ #tab_content2, #tab3:checked ~ #tab_content3{
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
} 

.tab_image{
	width: 100px;
	display: block;
}

.section_nav_wrapper{
	display: flex;
	margin:0 auto 20px auto;
}

.section_nav_wrapper label{
	padding: 9px 20px;
	background-color: white;
}

.section_nav_wrapper label:nth-child(1)
{
	border-radius: 5px 0 0 5px;
}

.section_nav_wrapper label:nth-child(3)
{
	border-radius: 0 5px 5px 0;
}

#tab1:checked ~ .section_nav_wrapper label:nth-child(1){
	background-color: #253039;
	color: white;

}

#tab2:checked ~ .section_nav_wrapper label:nth-child(2){
	background-color: #253039;
	color: white;

}

#tab3:checked ~ .section_nav_wrapper label:nth-child(3){
	background-color: #253039;
	color: white;

}

.separator{
	width: 10px;
	height: 60px;
	background-color: #253039;

}

.services_flex{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
}

.services_content{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 75%;
}

.locations{
	background-color: #296c7c ;


}

.locations_wrapper{
	display: flex;
	flex-direction: column;

}

#locations > h2{
	text-align: center;
	margin: 20px auto 0 auto;
}

.list_wrapper{
	width: 85%;
	align-self: center;
}

.header_wrapper > h3{
	margin: 18px 0 5px 0;
}

.location ul{
	margin: 0 auto	0 auto;
}

.header_wrapper{
	display: flex;
	align-items: center;
}

.square_orange{
	width: 8px;
	height: 8px;
	background-color: #DB4436;
	margin-left: 5px;
}

.square_yellow{
	width: 8px;
	height: 8px;
	background-color: #FFD600;
	margin-left: 5px;
	
}

.square_green{
	width: 8px;
	height: 8px;
	background-color:#0F9D58;
	margin-left: 5px;
	
}

.map_wrapper{
	margin-top: 40px;
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}

#mapkit-9814 {
    height:400px;
    width:360px;
}

.team{
	background-color: #46494C;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: 40px;
	color: #DCDCDD;
}

.team > h2{
	margin-bottom: 0px;
}

.team_flex{
	width: 85%;
	max-width: 653px;
}

.team_member h3{
	margin-bottom: 5px;
}

.team_member h4{
	margin: 0px 0px;
}

.contact{
	background-color: #F0F2F2;
	width: 85%;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	padding-bottom: 40px;
	max-width: 653px;
}

.contact h4{
	margin-bottom: 5px;
	margin-top: 0px;
}

.contact ul{
	margin-top: 0;
}

.contact_flex{
	display: flex;
	flex-direction: column;
	
}

footer{
	background-color: #DCDCDD;
}

#to_top {
	background-color: #253039;
	opacity: .5;
	padding: 9px 15px;
	text-decoration: none;
	color: white;
	position: fixed;
	right:10px;
	bottom:10px;
	z-index: 4;
}

#to_top:hover{
	background-color: #003949;

}

.footer_wrapper{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 40px 0;
}

.footer_image{
	width: 200px;
	margin:auto auto auto auto;
}

.creator_content{
	display: flex;
	margin:auto auto 5px auto;
	font-size: .75rem;
}

.creator_content a{
	margin:auto 3px auto auto;
	text-decoration: underline;
	color: inherit;
}


.copyright{
	margin:auto auto auto 3px;
}

.error_wrap{
	margin:0 auto;
	width:80%;
	max-width: 500px;
	display: flex;
	flex-direction: column;
	height: 100vh;
	justify-content:center;

}

.error_message_wrap > a {
	color: #253039;
	text-decoration: underline #253039;
}

.error_message_wrap > a:hover {
	opacity:.6;
}

.error_logo {
	max-width: 300px;

}

@media (min-width: 425px){
	.list_wrapper{
		width: 360px;
	}

	.contact_flex{
	flex-direction: row;
	justify-content: space-between;
}

}

@media (min-width: 768px){
	.locations_wrapper{
		flex-direction: row;
		justify-content: center;
	}

	.list_wrapper{
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: auto;
		margin-right: 10px;
		
	}

	.services_mobile{
		display: none;
	}

	.services{
		display: flex;
		flex-direction: column;
	}

	.tab_image{
		height: 46px;
		width: auto;
	}

	.mobile_nav_flex_wrapper > a{
		max-width: 200px;
	}


}

@media (min-width: 990px){
	.hero_content{
		width: 85%;
	}
	.mobile_nav_container{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.mobile_nav_flex_wrapper label{
		display: none;
	}
	#mobile_nav{
		display: flex;
	}

	#mobile_nav a{
		font-size: 1.3rem;
		padding: 0px 10px;
		font-weight: bold;
	}



}

@media (min-width: 1024px){
	.hero_content{
		width: 65%;
	}

}