body {
	font-family: 'Ubuntu', sans-serif;
	color: #939697;	
	font-size: 16px;
}

h2 {
	margin: 0px;
	font-size: 32px;
	color: #000000;
}

h3 {
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
}

.padding-top-200 {padding-top: 100px;}
.padding-bottom-200 {padding-bottom: 100px;}
.padding-bottom-190 {padding-bottom: 90px;}
.padding-bottom-170 {padding-bottom: 70px;}

#top-service {
	background-size: cover;
	background-repeat: no-repeat;
	height: 500px;
}

#service {
	min-height: 500px;
}

#service .service-block {
	min-height: 580px;
	padding-bottom: 40px;
	margin-top: -127px;
}

#service .service-block-header {
	background-color: #FFFFFF;
	padding: 45px 0 32px 17px;
}

#service .service-block-image {
	height: 226px;
	background-size: cover;
}

#service .service-block-description {
	margin-top: 20px;
}

#portrait {
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 500px;
}

#portrait a {
	color: #939697;
	text-decoration: underline;
}

#inner-portrait {
	background-color: rgba(255,255,255,0.9);
}

#inner-portrait h3 {
	margin-bottom: 40px;
}

#inner-portrait .portrait-image img {
	max-width: 100%;
	margin-bottom: 20px;
}

#customer {
	background: #8B8D8E;
}

#customer h2, #project h2, #project h3 {
	color: #FFFFFF;
}

#customer h3, #customer p {
	color: #FFFFFF;
}

#customer .customer-header {
	margin-bottom: 50px;
}

#customer .customer-excerpt {
	margin-bottom: 40px;
}

#customer .customer-logo a, #project .project-thumbnail a {
	display: block;
	margin-bottom: 30px;
	position: relative;
}

#customer .customer-logo a {
	background: #FFFFFF;
	border: 1px solid #ADAFAF;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

#customer .customer-logo a:hover {
	background: #ADAFAF;
	border-color: #008D36;
}

#customer .customer-logo img, #project .project-thumbnail img {
	max-width: 100%;
	height: auto;
}

#project .project-header {
	margin-bottom: 50px;
}

#project .project-thumbnail .project-info a {
	color: #FFFFFF;
	text-decoration: none;
	margin-bottom: 10px;
	border: none;
}

#project .project-thumbnail a {
	border: 1px solid #ADAFAF;
}

#project .project-thumbnail a:hover {
	border-color:#008D36;
}

#project .project-thumbnail .project-info h4 {
margin-bottom: 0px;
}

#project .project-thumbnail a:hover .project-description {
	opacity: 1;
}

#project .project-thumbnail .project-description {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: #8B8D8E;
	opacity: 0;
	padding: 10px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	color: #FFFFFF;
}

#project .project-thumbnail h4 {
	font-size: 24px;
}

#competence h3 {
	margin-bottom: 50px;
}

#map {
	width: 100%;
	height: 500px;
}

#footer h2 {
	margin-bottom: 50px;
}

#footer a {
	color: #939697;
	text-decoration: underline;
}

@media screen and (max-width: 1199px) {
	#project .project-thumbnail h4 {
		font-size: 18px;
	}
	#project .project-description {
		font-size: 13px;
	}
}

@media screen and (max-width: 991px) {
	#service .service-block {
		margin-top: -142px;
	}
	#service .service-block-header {
		height: 142px;
	}
}

@media screen and (max-width: 767px) {
	#service .service-block {
		margin-top: 0px;
		padding-bottom: 20px;
		min-height: 0;
	}
}