@media only screen and (min-width: 1200px) {
	body {font-size: 1.4em}
	.headline-container, .byline-container {max-width: 90%}
	.byline {margin-left: 22%; padding-right: 10px; font-size: 1.4em}
	.headline {font-size: 50px; margin-left: 22%; padding-right: 10px;}
	.summary {font-size: 1.3em}
	.subhead {font-size: 1.7em}
	.margins > p.summary {margin-left: 20%; margin-right:35%}
	.margins > p, hr, #accordion, .links {margin-left: 20%; margin-right:30%}
	.imagebox {margin-left: 20%; margin-right: 10px}
	#author1 {display: block}
	#author2 {display: none}
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
	body {font-size: 1.4em}
	.headline-container, .byline-container {max-width: 95%}
	.byline {margin-left: 18%; padding-right: 10px; font-size: 1.2em;}
	.headline {margin-left: 18%; padding-right: 10px; font-size: 40px}
	.summary {font-size: 1.2em}
	.subhead {font-size: 1.5em}
	.margins > p, hr, .links {margin-left: 17%; margin-right:20%}
	.margins > p.subhead {margin-left: 17%; margin-right:15px}
	.imagebox {margin-left: 17%; margin-right:10px}
	#author1 {display: none}
	#author2 {display: block; margin-left: 17%}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	body {font-size: 1.3em}
	.headline-container, .byline-container {max-width: 100%}
	.byline {margin-left: 5%; padding-right: 10px; font-size: 1.1em;}
	.headline {margin-left: 5%; padding-right: 10px; font-size: 36px}
	.summary {font-size: 1.1em}
	.subhead {font-size: 1.4em}
	.margins > p, hr, .links {margin-left: 5%; margin-right:5%}
	.margins > p.subhead {margin-left: 5%; margin-right:10px}
	.imagebox {margin-left: 5%; margin-right:10px}
	#author1 {display: none}
	#author2 {display: block; margin-left: 5%}
}

@media only screen and (min-width: 576px) and (max-width:767px) {
	body {font-size: 1.2em}
	.headline-container, .byline-container {max-width: 100%}
	.byline {margin-left: 2%; padding-right: 10px; font-size: 1em;}
	.headline {margin-left: 2%; padding-right: 10px; font-size: 32px}
	.summary {font-size: 1.1em}
	.subhead {font-size: 1.3em}
	.margins > p, hr, .links {margin-left: 2%; margin-right:2%}
	.margins > p.subhead {margin-left: 2%; margin-right:10px}
	.imagebox {margin-left: 2%; margin-right:10px}
	#author1 {display: none}
	#author2 {display: block; margin-left: 2%}
}

@media only screen and (min-width: 480px) and (max-width:575px) {
	body {font-size: 1.1em}
	.headline-container, .byline-container {max-width: 100%}
	.byline {margin-left: 2%; padding-right: 5px; font-size: 1em;}
	.headline {margin-left: 2%; padding-right: 10px; font-size: 30px}
	#author1 {display: none}
	.summary {font-size: 1.1em}
	.subhead {font-size: 1.2em}
	.margins > p, hr, .links {margin-left: 2%; margin-right:2%}
	.margins > p.subhead {margin-left: 2%; margin-right:10px}
	.imagebox {margin-left: 2%; margin-right:10px}
	#author1 {display: none}
	#author2 {display: block; margin-left: 2%}
}


@media screen and (max-width: 479px) {
	body {font-size: 1.1em}
	.headline-container, .byline-container {max-width: 100%}
	.byline {margin-left: 2%; padding-right: 5px; font-size: 1em;}
	.headline {margin-left: 2%; padding-right: 5px; font-size: 30px}
	#author1 {display: none}
	.summary {font-size: 1.1em}
	.subhead {font-size: 1.2em}
	.margins > p, hr, .links {margin-left: 2%; margin-right:2%}
	.margins > p.subhead {margin-left: 2%; margin-right:5px}
	.imagebox {margin-left: 2%; margin-right:5px}
	#author1 {display: none}
	#author2 {display: block; margin-left: 2%}
}


/* Turn off parallax scrolling for tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 1024px) {
    .interview-bg {
        background-attachment: scroll;
    }
}