@charset "UTF-8";
/* CSS Document */


	
body{
	
	
	background-color:#fff !important;

}

a{text-decoration:none;color:#fff !important;}
a:hover{text-decoration:none;}



.wrapper
{
	position: relative;
	margin:0px auto;
	background-color: #fff;
	/*box-shadow: 1px 10px 5px #000;*/
}

.jumbotron{
	
	background-image: url("../images/bg11.png");
	background-size:contain;

	background-repeat: no-repeat;
	background-position:center top;
	height:600px;
	margin:100px 0px 100px 0px !important;
	background-color: #FFF !important;

	
}


.jumbotron .text-wrap{
	
	
	position:relative;
	display: block;
	top: 250px;
	color:#fff;
	text-shadow: 1px 1px 1px #000;
}

.jumbotron h1{font-size:3em;}
.jumbotron p {font-size:1.5em;}

.logo{
	position: relative;
	width:200px;
	display: block;
	height:auto;
	margin:0px auto;
	padding:30px 0px;
	
	;}



.introduction div{
	
	margin:20px 0px;
	
}
.about{margin:100px 0px}

.hybrid{
	
	background-color: lightgrey;
	padding:100px;
	margin:50px 0px;
}

.bild{
	
	display:inline-block;
	width:100%;
	height:auto;
}

footer{
	display: block;
	background-color:darkgray;
	color:#fff!important;
	margin-top:100px auto;
	padding:50px 0px;
}


@media screen and (max-width:900px){
	
	.jumbotron .text-wrap{
	
	top: 250px;
	
	}
	
	.jumbotron{
	
	margin:0px 0px 10px 0px !important;
	
}
	
	.hybrid{
	
	
	padding: 20px 20px;
}
}


@media screen and (max-width:700px){
	
	.jumbotron .text-wrap{
	
	top: 150px;
	
	}
	
	.jumbotron{
	
	margin:0px 0px -150px 0px !important;
	
}
}