@charset "utf-8";
/* CSS Document */
.introImg
{
	width: 256px;
	height: auto;
	text-align: center;
	margin-top: 20vh;
	
	opacity: 0;
	
	transition: opacity 4.5s ease, margin-top 4.5s ease;
}

.servicesItem
{
	width: 32%;
	height: auto;/*300px*/
	background-color: transparent;
	display: inline-block;
	
	text-align:left;
	/*padding-left: 10px;
	padding-right: 10px;*/
	margin-bottom: 50px;
	vertical-align: top;
}

.servicesIcon
{
	width: 40px;
	height: auto;
	display: inline-block;
	
	text-align:left;
	padding: 0;
	margin: 0;
	
	position: absolute;
	transform: translate(-40px,8px);
}

.servicesItemTitle
{
	font-family: "futura-bold";
	font-size: large;
	color: #6cb93d;
	
	padding-left: 8px;
}

.servicesItemText
{
	font-family: "futura-light";
	font-size: large;
	color: dimgrey;
	
	padding-left: 8px;
	padding-right: 50px;
}

.abthocloTitle
{
	color: grey;
	font-family: "futura-bold";
	font-size: large;
	padding-right: 15%;
	padding-left:  15%;
	margin-bottom: -40px;
	margin-top: 40px;
}

.servicesBackgroundImage
{
	position: fixed;
	z-index: -99;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	background-color: black;
	background: none;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto;
	background-image: url("../assets/bg.png");
}

@media only screen and (max-width: 1000px)
{
	.servicesBackgroundImage
	{
		background-size: auto 100%;
	}
	
	.servicesItem
	{
		width: 100%;
	}
}

.servicesContactButton
{
	background-color: #6cb93d;
	
	width: auto;
	height: auto;
	max-width: 250px;
	margin: 0;
	padding: 0;
	display: inline-block;
	padding-left: 50px;
	padding-right: 50px;
	
	cursor: pointer;
	
	color: white;
	
	border-color: #6cb93d;
	border-radius: 3px;
	outline-width:thin;
	border-style: solid;
	
	transition: background-color 0.3s ease-in-out;
	
	margin-top: 50px;
}

.servicesContactButtonTitle
{
	font-family: "futura-bold";
	font-size: x-large;
}

.servicesContactButton:hover{
	color:#6cb93d;
	background-color: white;
}

@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');
}