/*Media query*/

@media only screen and (min-width: 1200px) {
	.cover {height: 100%}
	.headline {font-size: 2.5em; text-shadow: 2px 2px 4px #000000}
	.heading {font-size: 2.8em}
	.mobile {display: none}
	.small-heading {font-size: 1.4em;}
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
	.cover {height: 90%}
	.headline {font-size: 2.2em}
	.heading {font-size: 2.2em}
	.mobile {display: none}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cover {height: 80%}
	.headline {font-size: 2em}
	.heading {font-size: 2.2em}
	.intro {display: none}
	.small-description {font-size: 0.8em;}
	.small-heading {font-size: 0.8em}
}

@media only screen and (min-width: 576px) and (max-width:767px) {
	.cover {height: 80%}
	.headline {font-size: 1.8em}
	.heading {font-size: 2em}
	.intro {display: none}
	.col-md-4 {margin-left: 20px; margin-right: 20px}
	.small-heading {font-size: 1.4em;}
}

@media screen and (max-width: 575px) {
	.cover {height: 80%}
	.subhead {font-size: 0.7em}
	.headline {font-size: 1.5em}
	.heading {font-size: 1.5em}
	.intro {display: none}
}


@supports (-webkit-touch-callout: none) {
	/* CSS specific to iOS devices */ 
	.apple {background-attachment: scroll}
}


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