body,h1,h2,h3,h4,h5,h6 {
	font-family: "Lato", sans-serif;
}

body, html {
	height: 100%;
	color: #777;
	line-height: 1.8;
}

/* Create a Parallax Effect  with a fallback background-color*/
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5  {
	//background-color: #999999;
	//opacity: 1.0;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* First image (tv-includo. Full height) */
.bgimg-1 {
	background-image: url('../pictures/main.jpg');
	//background-image: url('../pictures/parallax1.jpg');
	min-height: 100%;
}

/* Second image (projects) */
.bgimg-2 {
	background-image: url('../pictures/pilot.jpg');
	min-height: 400px;
}

/* Second image (projects) */
.bgimg-3 {
	background-image: url('../pictures/projects.jpg');
	min-height: 400px;
}

/* Third image (Fotogalery) */
/* Fourth image (Projekte) */

/* Last image (contact) */
.bgimg-5 {
	background-image: url('../pictures/contact.jpg');
	min-height: 400px;
}

.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}

@media (max-width:750px){.w3-hide-small750{display:none!important}}
@media (max-width:992px) and (min-width:751px){.w3-hide-medium750{display:none!important}}









#googleMap {
	width: 100%;
	height: 300px;
	-webkit-filter: grayscale(90%);
	filter: grayscale(90%);
}

/* Turn off parallax scrolling for tablets and mobiles */
/*
@media only screen and (max-width: 1024px) {
	.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 .bgimg-5 {
		background-attachment: scroll;
	}
}
*/

.w3-display-30middle {
	position:absolute;left:0;top:30%;width:100%;text-align:center
}
.rb-display-middle   {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform: 
	translate(-50%,-50%)
}
.rb-movie-tile {
	left: 8px; right: 8px;
	padding-top: 8px; padding-bottom: 8px;
}

@media only screen and (min-width:601px){
	.w3-col.m25 {width:19.99999%}
}