@charset "utf-8";
/* CSS Document */
/* NEW SERVICES*/
.services
{
	background-color: white;
	position:relative;
	
	text-align: center;
	
	padding: 0;
	padding-top: 100px;
}

.aboutText
{
	font-family: "futura-bold";
	font-size: large;
	margin: 0;
	padding: 0;
	
	background-color: #6cb93d;
    color: white;
	
	width: auto;
	
	display: inline-block;
}

.servicesOverview
{
	width: 100%;
	height: auto;
	min-height: 128px;
	background-color: white;
	
	padding-top: 20px;
	padding-bottom: 40px;
}

.serviceItem
{
	width: 256px;
	height: auto;
	background-color: white;
	
	display: inline-block;
	vertical-align: top;
	
	margin-top: 20px;
}

.serviceImg
{
	height: 50px;
	width: auto;
	
	padding: 0;
	margin: 0;
}

.serviceTitle
{
	font-family: "futura-bold";
	font-size: large;
}
/* END */

.introServices
{
	width: 100%;
	height: 50vh;
	background-color:transparent;
	/*left:0;
	top:0;*/
	position:relative;
	
	display:inline-block;
	vertical-align:middle;
	text-align: center;
}

.introServicesText
{
	font-family: "futura-bold";
	font-size: x-large;
	
	color:transparent;
	transition: color 4.5s ease, margin-top 4.5s ease;
	vertical-align:middle;
	text-align: center;
	line-height: 50vh;
	margin-top: 5vh;
}

.servicesPage
{
	width: 100%;
	/*min-height: 100px;
	/*height: auto;*/
	/*height: auto;*/
	background-color:white;
	left:0;
	top:0%;
	position:relative;/*absolute*/
	
	padding-top: 0px;
	/*padding-bottom: 100px;*/
	text-align: center;
	
	display:inline-block;
	/*vertical-align: top;*/
}

.servicesDiv{
	height: 100%;
	width:auto;
	
	margin-left: 15%;
	margin-right: 15%;
	
	background-color: transparent;
	
	margin-top: 50px;
	margin-bottom: 100px;
	
	display: inline-block;
	text-align: center;
	/*position: relative;*/
	/*vertical-align:bottom;*/
}

.services
{
	background-color:white;
	
	height: 100%;
	width:auto;
	
	padding-top: 100px;
	padding-bottom: 100px;
	
	font-family: "futura-bold";
	
	text-align: center;
}

.serviceInfo
{
	width: 25%;
	height: 100%;
	background-color: transparent;
	
	display: inline-block;
	
	text-align: left;
	
	vertical-align:top;
	
	/*left: 0;
	top: 0;*/
	position:relative;
	
	/*padding-right: 10px;
	padding-left: 10px;*/
	padding-bottom: 10px;
	
	color: black;
}

.serviceInfoLeft
{
	width: 10%;
	height: auto;
	
	background-color: transparent;
	
	float: left;
}

.serviceInfoLeft img
{
	width: 100%;
	height: auto;
}

.serviceInfoRight
{
	width: 88%;
	height: auto;
	
	display: inline-block;
	
	background-color: transparent;
	float: left;
	
	font-family: "futura-light";
	font-size: medium;
}

.serviceInfoTitle
{
	font-family: "futura-bold";
	font-size: large;
	color: #6cb93d;
}

@media only screen and (max-width: 1000px) {
	.serviceInfo
	{
		width: 100%;
	}
}

@font-face{
  	font-family: futura-bold;
  	src:	url('../fonts/futura/FuturaLTBold.woff') format('woff'),
			url('../fonts/futura/original/Futura%20LT%20Bold.ttf') format('ttf');
}

@font-face{
  	font-family: futura-light;
  	src:	url('../fonts/futura/FuturaLTBook.woff') format('woff'),
			url('../fonts/futura/original/Futura%20LT%20Book.ttf') format('ttf');
}