@charset "utf-8";

.site_container{
	width: 100%;
	display: table;
	margin: auto;
	position: relative;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);
}
.header_contact_container{
	float: right;
	display: table;
	margin-top: 15px;
	margin-right: 25px;
	text-align: right;
	z-index: 0;
}
.menu_container{
	width: 100%;
	height: 40px;
	z-index: 1000;
	position: relative;
	background-color: #3a84b6;
	border-top: thin solid #3a84b6;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);
}
.home_img_container{
	width: 100%;
	min-height: 400px;
	max-height: 600px;
	background-image:url(../images/home.jpeg);
	background-size: cover;
	background-position: center;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
	display: flex;
    align-items: center;
	z-index: 1;
}
.home_about_container{
	background-color: rgba(255,255,255,0.85);
	float: left;
	border-radius: 4px;
	padding: 25px;
	position: absolute;
	width: 30%;
	margin-left: 4%;
	z-index: 100;
	animation-name: fadeinleft;
	animation-duration: 2s;
	vertical-align: middle;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);
}
.home_container1{
	width: 100%;
	display: table;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 0;
}
.home_container2{
	width: 100%;
	display: table;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(../images/background.png);
	box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.5);
}
.home_sub_container1{
	width: 40%;
	margin-left: 4%;
	float: left;
	display: table;
	animation-name: fadeinleft;
	animation-duration: 1.5s;
}
.home_sub_container2{
	width: 40%;
	margin-right: 4%;
	float: right;
	display: table;
	animation-name: fadeinright;
	animation-duration: 1.5s;
}
.home_sub_container3{
	width: 25%;
	margin-right: 4%;
	margin-left: 4%;
	position: relative;
	display: inline-block;
	vertical-align: top;
	animation-name: fadeinup;
	animation-duration: 2s;
}
.home_sub_container4{
	width: 25%;
	margin-right: 4%;
	margin-left: 4%;
	position: relative;
	display: inline-block;
	vertical-align: top;
	animation-name: fadeinup;
	animation-duration: 2s;
}
.home_sub_container5{
	width: 25%;
	margin-right: 4%;
	margin-left: 4%;
	position: relative;
	display: inline-block;
	vertical-align: top;
	animation-name: fadeinup;
	animation-duration: 2s;
}
.half_page_container_left{
	display: table;
	width: 40%;
	margin-left: 4%;
	margin-top: 50px;
	margin-bottom: 50px;
	float: left;
	animation-name: fadeinleft;
	animation-duration: 1.5s;
}
.half_page_container_right{
	display: table;
	width: 40%;
	margin-right: 4%;
	margin-top: 50px;
	margin-bottom: 50px;
	float: right;
	animation-name: fadeinright;
	animation-duration: 1.5s;
}
.half_container_left{
	display: table;
	width: 30%;
	margin-left: 10%;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
}
.half_container_right{
	display: table;
	width: 30%;
	margin-right: 10%;
	margin-top: 0px;
	margin-bottom: 0px;
	float: right;
}
.half_page_heading_container{
	border-bottom: thin solid #9ecf7c;
	margin-bottom: 25px;
}
.half_page_heading_container2{
	border-bottom: thin solid #9ecf7c;
	margin-bottom: 25px;
}
.full_page_heading_container{
	width: 90%;
	display: table;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	border-bottom: thin solid #9ecf7c;
	margin-top: 30px;
}
.footer_container1{
	display: inline-block;
	width: 25%;	
	margin-left: 4%;
	margin-right: 4%;
	margin-top: 30px;
	margin-bottom: 30px;
	vertical-align: top;
}
.footer_container2{
	display: inline-block;
	width: 25%;
	margin-left: 4%;
	margin-right: 4%;
	margin-top: 30px;
	margin-bottom: 30px;
	vertical-align: top;
}
.footer_container3{
	display: inline-block;
	width: 25%;
	margin-left: 4%;
	margin-right: 4%;
	margin-top: 30px;
	margin-bottom: 30px;
	vertical-align: top;
}
.footer_heading_container{
	display: table;
	width: 100%;
	margin-bottom: 25px;
	border-bottom: thin solid #9ecf7c;
}

@media screen and (max-width : 1300px){
	body{
		margin: 0;
	}
	.site_container{
		width: 100%;
		display: table;
		margin: auto;
		position: relative;
		box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);
	}
	.home_about_container{
		background-color: rgba(255,255,255,0.85);
		float: left;
		padding: 25px;
		position: absolute;
		width: 40%;
		margin-left: 5%;
		z-index: 100;
		animation-name: fadeinleft;
		animation-duration: 2s;
		vertical-align: middle;
	}
	.home_sub_container3{
		width: 80%;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		display: block;
		vertical-align: top;
		animation-name: fadeinup;
		animation-duration: 2s;
	}
	.home_sub_container4{
		width: 80%;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		display: block;
		vertical-align: top;
		animation-name: fadeinup;
		animation-duration: 2s;
		margin-top: 50px;
	}
	.home_sub_container5{
		width: 80%;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		display: block;
		vertical-align: top;
		animation-name: fadeinup;
		animation-duration: 2s;
		margin-top: 50px;
	}
}
@media screen and (max-width : 850px){
	.home_about_container{
		background-color: rgba(255,255,255,0.85);
		float: none;
		padding: 25px;
		position: absolute;
		position: relative;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		z-index: 100;
		animation-name: fadeinleft;
		animation-duration: 2s;
		vertical-align: middle;
	}
	.home_container1{
		width: 100%;
		display: table;
		margin-top: 0px;
		margin-right: auto;
		margin-left: auto;
		position: relative;
	}
	.home_container2{
		width: 100%;
		display: table;
		margin-top: 50px;
		margin-right: auto;
		margin-left: auto;
		position: relative;
	}
	.home_container3{
		width: 100%;
		display: table;
		margin-top: 50px;
		margin-bottom: 50px;
		margin-right: auto;
		margin-left: auto;
		position: relative;
	}
	.home_sub_container1{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		float: none;
		display: table;
		margin-bottom: 50px;
	}
	.home_sub_container2{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		float: none;
		display: table;
	}
}
@media screen and (max-width : 1000px){
	.half_page_container_left{
		display: table;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		margin-top: 50px;
		margin-bottom: 50px;
		float: none;
	}
	.half_page_container_right{
		display: table;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		margin-top: 50px;
		margin-bottom: 50px;
		float: none;
	}
	.half_page_heading_container{
		border-bottom: thin solid rgba(177,177,177,1.00);
		margin-bottom: 25px;
	}
	.full_page_heading_container{
		width: 90%;
		display: table;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		border-bottom: thin solid rgba(177,177,177,1.00);
		margin-top: 30px;
	}
	.footer_container1{
		display: block;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		margin-top: 25px;
		margin-bottom: 50px;
		float: none;
		vertical-align: top;
	}
	.footer_container2{
		display: block;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		margin-top: 25px;
		margin-bottom: 50px;
		float: none;
		vertical-align: top;
	}
	.footer_container3{
		display: block;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		margin-top: 25px;
		margin-bottom: 50px;
		float: none;
		vertical-align: top;
	}
}
@media screen and (max-width : 800px){
	.header_contact_container{
		display: none;
	}
	.home_container1{
		width: 100%;
		display: table;
		margin-top: 0px;
		margin-right: auto;
		margin-left: auto;
		position: relative;
	}
}