* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}

body {
	padding: 0;
	margin: 0;
	background-color: #ffffff;
}

img { border-style: none !important; }

h1 {
	margin: 0px;
	padding: 0px;
	font-size: 40px;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}
.h1-white {
	margin: 0px;
	padding: 0px;
	font-size: 40px;
	font-weight: 300;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}
h2 {
	margin: 0px;
	padding: 0px;
	color: #A2A2A2;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}
.h2-white {
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}
.h2-color1 {
	margin: 0px;
	padding: 0px;
	color: #acc881;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
}
h3 {
	margin: 0px;
	padding: 0px;
	color: #A2A2A2;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14pt;
	line-height: normal;
}
.h3-dark {
	margin: 0px;
	padding: 0px;
	color: #454545;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14pt;
	line-height: normal;
	text-align: center;
}
a {
	text-decoration: none;
}
header {
	width: 100%;
	height: 70px;
	background-color: #FFFFFF;
	position: fixed;
	z-index: 10;
	top: 0px;
	left: 0px;
	right: 0px;
	opacity: 0.85;
	/*-webkit-box-shadow: 0 3px 20px 5px #D3D3D3;
	box-shadow: 0 3px 20px 5px #D3D3D3;*/
}
main {
	width: 100%;
	background-color: #88B04B;
}
.container {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#slider {
	width: 100%;
	height: calc(100vh - 70px);
	background-color: #ee5e60;
	background-size: cover;
	background-image: url(../images/slider.png);
	margin-top: 70px;
	background-position: 50% 0%;
}
.work {
	background-color: #ffffff;
	width: 100%;
}
footer {
	background-color: #476a30;
	height: 100px;
	width: 100%;
}
.float-left {
	display: table;
	height: 100px;
	float: left;
}
.float-left p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9pt;
	color: #7f976f;
}
.float-right {
	display: table;
	height: 70px;
	float: right;
}
.socmed {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	float: right;
	height: 100px;
}
#logo {
	display: inline-block;
	float: left;
	height: 70px;
}
.valign-middle {
    display: table-cell;
    vertical-align: middle;
}
nav {
    display: table-cell;
    vertical-align: middle;
}
p {
	margin: 0px;
	padding: 0px;
	color: #a2a2a2;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 11pt;
	font-weight: normal;
}
.spacer-1 {
	height: 5px;
}
.spacer-2 {
	height: 30px;
}
.text-center {
	text-align: center;
}
section {
	display: inline-block;
	width: 320px;
	font-size: 15px;
	color: black;
	vertical-align: top;
}
.section-color1 {
	display: inline-block;
	width: 320px;
	font-size: 15px;
	color: black;
	vertical-align: top;
	background-color: #f5f5f5;
}
.gap-color1 {
	margin-left: 0px;
	margin-right: 20px;
	background-color: #f5f5f5;
}
.gap {
	margin-left: 0px;
	margin-right: 20px;
}
.card1 {	
}
.team-img {
	width: 320px;
	height: 260px;
	background-image: url(../images/bt_team_off.png);
	background-repeat: no-repeat;
}
.card1:hover .team-img {
	background-image: url(../images/bt_team_on.png);
}
.card1:hover .h3-dark {
	color: #fff;
}
.card2 {
}
.work-img {
	width: 320px;
	height: 260px;
	background-image: url(../images/bt_do_off.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
}
.card2:hover .work-img {
	background-image: url(../images/bt_do_on.png);
}
.card2:hover .h3-dark {
	color: #fff;
}
.card3 {
}
.value-img {
	width: 320px;
	height: 260px;
	background-image: url(../images/bt_value_off.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
}
.card3:hover .value-img {
	background-image: url(../images/bt_value_on.png);
}
.card3:hover .h3-dark {
	color: #fff;
}
img {
	vertical-align: top;
}
.img-socmed  {
	vertical-align: top;
}

@media (max-width: 320px) {
	.container {
		width: 100%;
	}
}

@media (max-width: 480px) {
	.container {
	width: 100%;
	}
	
	header {
	height: 50px;	
	}
	
	footer {
	height: 130px;	
	}
	
	.float-left {
	height: 30px;
	}
	
	.float-left p {
	margin-top: 10px;
	}
	
	#slider {
	width: 100%;
	height: 250px;
	background-color: #ee5e60;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/slider.png);
	margin-top: 50px;
	background-position: 50% 0%;
	}

	#logo {
	display: block;
	height: 50px;
	}	
	
	#logo img {
		width: 149px;
		height: 50px;
   		margin-left: 15px;

	}

	.float-right {
	display: block;
	float: left;
	}
	
	section,
	.gap-color1,
	.section-color1,
	.gap,
	.float-left,
	.socmed {
	display: block;	
	width: 100%;
	font-size: 10px;
	color: gray;
	}
	
	.socmed {
	float: left;
	}
	
	img {
	display: block;		
	width: 70%;
	margin: auto;
	}	
	
	.img-socmed {
	display: inline-block !important;
	width: 80px;
	}
	
	.team-img,
	.work-img,
	.value-img {
	width: 100%;
	background-position: 50% 0%;
	}	
		
}

@media (min-width: 481px) and (max-width: 767px) {
	.container {
	width: 100%;
	}	
	
	#slider {
	height: 400px;
	}
	
	section,
	.section-color1 {
	width: calc(100% / 3);
	}
	
	.gap,
	.gap-color1 {
	margin-right: 0px;
	}
	
	.team-img,
	.work-img,
	.value-img {
	width: 100%;
	height: 230px;
	background-size: cover; 
	background-position: 50% 0%;
	}
	
}

@media (min-width: 768px) and (max-width: 1023px) {
	.container {
	width: 750px;
	}
	
	#slider {
	width: 100%;
	height: 520px;
	background-color: #ee5e60;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/slider.png);
	margin-top: 70px;
	background-position: 50% 0%;
	}
	
	section,
	.section-color1 {
	width: 240px;
	}
	
	.gap,
	.gap-color1 {
	margin-right: 15px;
	}
	
	.team-img,
	.work-img,
	.value-img {
	width: 240px;
	height: 195px;
	background-size: contain; 
	}		
}