.mt-30 {
	margin-top: 30px;
}

.mb-6px {
	margin-bottom: 6px;
}

.videoBackground {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;	
  z-index: -20;
}

.image .overlay p {
	font: 700 16px 'Yanone Kaffeesatz', sans-serif;
	text-align: center;
	font-style: italic;
	letter-spacing: 1px;
	color: #fff;
	text-transform: uppercase;
	opacity: 0;
	-webkit-transition: opacity .3s ease .15s;
	-moz-transition: opacity .3s ease .15s;
	-moz-transition: opacity .3s ease .15s;
	-o-transition: opacity .3s ease .15s;
	transition: opacity .3s ease .15s;
	position: absolute; 
	top: 55%; 
	width: 100%; 
	-webkit-transform: translate(0, -55%); 
	transform: translate(0, -55%);
}

.parallax-about {
	min-height: 500px !important;
}

.image:hover .overlay p { opacity: 1; } {
	opacity: 1;
}

.service-image {
	cursor: pointer;
}

.modal-service:after {
  content: "";
  display: table;
  clear: both;
}

.modal-service h2 {
	margin-top: 8px;
	margin-bottom: 8px;
}

.modal-service p {
	margin-top: 8px;
	margin-bottom: 8px;
}

.modal-service p img {
	max-width: 250px;
	padding: 6px;
	float: right;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;	
}


@media only screen and (max-width: 600px) {

.modal-service p img {
	max-width: 125px;
	padding: 3px;
}

}

@media only screen and (max-height: 800px) {

.modal-service {
	max-height: 500px;
	height: 100%;
	overflow-y: scroll;
}

}