@media only screen and (min-width: 1200px) {
	.headline {font-size:2.6em}
	.mobile {display: none}
	#logo {max-width: 120px}
	#topbg {height: 100%}
	.content {max-width: 50%}
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
	.headline {font-size:2.2em}
	.mobile {display: none}
	#logo {max-width: 120px}
	#topbg {height: 100%}
	.content {max-width: 50%}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.headline {font-size:2.2em}
	p {padding-left: 10px; padding-right: 10px}
	.desktop {display: none}
	#logo {max-width: 100px}
	#topbg {height: 80%}
}

@media only screen and (min-width: 576px) and (max-width:767px) {
	.headline {font-size:2em}
	p {padding-left: 10px; padding-right: 10px}
	.desktop {display: none}
	#logo {max-width: 100px}
	#topbg {height: 80%}
	.content {font-size: 0.9em;}
}

@media screen and (max-width: 575px) {
	.headline {font-size:1.8em}
	p {padding-left: 10px; padding-right: 10px}
	.desktop {display: none}
	#logo {max-width: 80px}
	#topbg {height: 80%}
	.content {font-size: 0.8em;}
}


@supports (-webkit-touch-callout: none) {
	/* CSS specific to iOS devices */ 
	#bgmain {display: none}
}


@supports not (-webkit-touch-callout: none) {
	/* CSS for other than iOS devices */ 
	.apple {display: none}
}