@media only screen and (min-width: 1200px) {
	.nametext {font-size: 1.2em}
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
	.nametext {font-size: 1.05em}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.nametext {font-size: 0.7em}
}

@media only screen and (min-width: 576px) and (max-width:767px) {
	.nametext {font-size: 0.7em}
}

@media screen and (max-width: 575px) {
	.nametext {font-size: 0.7em}
}


@supports (-webkit-touch-callout: none) {
	/* CSS specific to iOS devices */ 
	.hero {background-attachment: scroll;}
	.parallax1 {background-attachment: scroll;}
	.parallax2 {background-attachment: scroll;}
	.parallax3 {background-attachment: scroll;}
	.parallax4 {background-attachment: scroll;}
}


@supports not (-webkit-touch-callout: none) {
	/* CSS for other than iOS devices */ 
	.hero {background-attachment: fixed;}
	.parallax1 {background-attachment: fixed;}
	.parallax2 {background-attachment: fixed;}
	.parallax3 {background-attachment: fixed;}
	.parallax4 {background-attachment: fixed;}
}