/*iPhne 5 &5S in landscape*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
	div#logo img{
		padding-left:4%;
		margin-top:6%;	
		margin-bottom:3%;
	}
	#info h3{
		margin-top:1%;
	}
	#info p{
		margin:1%;
		margin-bottom:3%;
	}
	div#impressum{
		margin-top:4%;
	}
	#button{
		padding-top:1%;
		padding-left:48.2%;
	}
}

/*iPhne 5 &5S in portrait*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 
	div#container{
		max-width:320px;	
	}
	div#logo img{
		margin-top:40%;
		margin-left:-4px;
		width:100%;
	}
	#info h2{
		margin-top:5%;
	}
	div#impressum{
		margin:45% 1%;
		}
}

/*iPhone 6 in landscape*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 
	div#logo img{
		padding-left:4%;
		margin-top:6%;	
		margin-bottom:3%;
	}
	#info h3{
		margin-top:1%;
	}
	#info p{
		margin:1%;
		margin-bottom:3%;
	}
	div#impressum{
		margin-top:7%;
	}
	#button{
		padding-top:1%;
		padding-left:48.2%;
	}
}

/*iPhone 6 in portrait*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 
	div#container{
		max-width:320px;	
	}
	div#logo img{
		margin-top:40%;
		margin-left:-5.5%;
		width:110%;
	}
	#info h2{
		margin-top:5%;
	}
	div#impressum{
		margin:45% 1%;
		}
}

/*iPhone 6 plus in landscape*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 
	div#logo img{
		padding-left:4%;
		margin-top:6%;	
		margin-bottom:3%;
	}
	#info h3{
		margin-top:1%;
	}
	#info p{
		margin:1%;
		margin-bottom:3%;
	}
	div#impressum{
		margin-top:10%;
	}
	#button{
		padding-top:1%;
		padding-left:48.2%;
	}
}