.titel{
	padding-top:100px;
	padding-left:300px;
	color:white;
	font-family: 'Roboto', sans-serif;
}
.company-titel{
	font-size:40px;
	font-weight:bold;
	
}
.company-subtext{
	font-size:80px;
	font-weight:bold;
}
.logo{
	height:80px;
}

.block-full{
	width:100%;
	left:0px;
	right:0px;
	padding-top:90px;
	padding-bottom:90px;
	padding-left:15px;
	padding-right:15px;
}
.block-gray{
	background-color:#F2F2F2;
	
}

/*---------------------------------------------- MEDIA -----------------------------------------------*/
@media only screen and (max-width: 1280px) {

.titel{
	padding-top:40px;
	padding-left:40px;
}

}
/*--------*/
@media only screen and (max-width: 1024px) {

.titel{
	padding-top:40px;
	padding-left:40px;
}

}
/*--------*/

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

.titel{
	padding-top:50px;
	padding-left:50px;
}
.company-titel{
	font-size:30px;
	font-weight:bold;
	
}
.company-subtext{
	font-size:60px;
	font-weight:bold;
}

}
/*--------*/

@media only screen and (max-width: 768px) {/*Ipad*/
.titel{
	color:white;
}

.company-titel{
	font-size:30px;
	font-weight:bold;
	
}
.company-subtext{
	font-size:50px;
	font-weight:bold;
}

.logo{
	height:25px;
}

}
/*--------*/
@media only screen and (max-width: 600px) {
.titel{
	padding-top:15px;
	padding-left:15px;
}

.company-titel{
	font-size:15px;
	font-weight:bold;
	
}
.company-subtext{
	font-size:30px;
	font-weight:bold;
}

h1{
	font-size:150%;
}
h2{
	font-size:150%;
}

}
/*--------*/