@media only screen and (min-width: 1200px) {
	body {font-size: 1.5em;}
	.subhead {font-size: 2em;}
	.headline {font-size: 2.8em}
	h1 {font-size: 1.6em}
	.bg-text {font-size: 1.25em}
	.mobile {display: none}
	.right-box {width: 66%; margin-left: 20px; margin-right: -160px;}
	.left-box {width: 60%; margin-left: -160px; margin-right: 20px}
	.right-box-portrait {width: 40%; margin-left: 20px; margin-right: -160px;}
	.left-box-portrait {width: 45%; margin-left: -160px; margin-right: 20px}
	.writer {font-size: 0.68em}
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
	body {font-size: 1.5em;}
	.subhead {font-size: 1.8em;}
	.headline {font-size: 2.5em}
	h1 {font-size: 1.5em}
	.mobile {display: none}
	.right-box {width: 72%; margin-left: 20px; margin-right: -160px;}
	.left-box {width: 72%; margin-left: -160px; margin-right: 20px}
	.right-box-portrait {width: 50%; margin-left: 20px; margin-right: -160px;}
	.left-box-portrait {width: 50%; margin-left: -160px; margin-right: 20px}
	.writer {font-size: 0.7em;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	body {font-size: 1.5em;}
	.subhead {font-size: 1.4em;}
	.headline {font-size:2.4em}
	h1 {font-size: 1.4em}
	.bg-text {font-size: 1.2em}
	.desktop {display: none}
	.right-box {width: 100%; margin-left: 0px; margin-right: 0px;}
	.left-box {width: 100%; margin-left: 0px; margin-right: 0px;}
	.person {font-size: 0.6em}
	.right-box-portrait {width: 50%; margin-left: 20px; margin-right: -100px;}
	.left-box-portrait {width: 50%; margin-left: -120px; margin-right: 20px}
	.writer {font-size: 0.9em;}
}

@media only screen and (min-width: 576px) and (max-width:767px) {
	body {font-size: 1.5em;}
	.subhead {font-size: 1.3em;}
	.headline {font-size: 2em}
	h1 {font-size: 1.3em}
	.bg-text {font-size: 1.2em}
	.right-box {width: 66.7%; margin-left: 10px; margin-right: 0px;}
	.left-box {width: 66.7%; margin-left: 0px; margin-right: 10px;}
	.desktop {display: none}
	.person {font-size: 0.6em}
	.right-box-portrait {width: 50%; margin-left: 20px; margin-right: 10px;}
	.left-box-portrait {width: 50%; margin-left: 10px; margin-right: 20px}
	.writer {font-size: 0.8em;}
}

@media screen and (max-width: 575px) {
	.subhead {font-size: 1.5em;}
	.headline {font-size: 2em}
	h1 {font-size: 1.3em}
	.bg-text {font-size: 1.2em}
	th, td {font-size: 0.8em}
	.right-box {font-size: 1.1em}
	.desktop {display: none}
	.centerquote .content .zzz {font-size: 0.6em; line-height: 1.2em}
	.person {font-size: 0.5em}
	.writer {font-size: 0.8em;}
}


@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;}
}