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


body{
	text-align:center;
	padding:0;
	margin:0;
	font-family: "Montserrat", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color:#565655;
	color:#FFF;
	}
	
a#logo{
	display: block;
	height:26px;
	width:22px;
	background: url("../img/yudesign-w.svg") no-repeat left top;
	background-size: 22px 26px;
	text-indent: -999em;
	margin:20px 0 0 20px;
		}
	
#main{
	max-width:840px;
	margin:0px auto;
	padding:20px;
	}
	
#main h1{
	font-weight:700;
	
	}
	
#main .img{
	width:80%;
	margin:0px auto;	
	padding:1.5em 0 1.5em 0;
	}
	
img{
	max-width:100%;
	height:auto;
	}

#main p{
	font-weight:400;
	}
	
a{
	color: #aecb06;
	}
	
#streifen{
	background-color:#aecb06;
	padding:15px 0 10px 0;
	margin:40px -20px 0 -20px;
	}

#streifen a img{
		height:22px;
		width:auto;
		display:inline-block;
		margin:0 5px 0 5px;
	}



/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
#main h1{
	font-size:38px;
	padding-top:0;
	}
	
	#streifen{
	margin-top:0px;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
#main h1{
	font-size:48px;
	padding-top:0;
	}
	
	#streifen{
	margin-top:0px;
	}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 360px) {
#main h1{
	font-size:42px;
	padding-top:0;
	}
	
	#streifen{
	margin-top:0px;
	}
}

/* Smartphones (portrait) ----------- */
@media only screen and (min-width : 900px) {
#main h1{
	font-size:60px;
	padding-top:20px;
	}
	
	#streifen{
	margin-top:20px;
	}
}