@media only screen and (min-width: 1200px) {
	.headline {font-size: 60px}
	.summary {font-size: 1.1em}
	.subhead {font-size: 58px}
	.margins > p, hr, .ship {margin-left: 20%; margin-right:30%}
	.margins > p.subhead {margin-left: 20%; margin-right:10px}
	.imagebox {margin-left: 20%; margin-right: 10px}
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
	.headline {font-size: 50px}
	.summary {font-size: 1em}
	.subhead {font-size: 48px}
	.margins > p, hr {margin-left: 20%; margin-right:20%}
	.margins > p.subhead {margin-left: 20%; margin-right:15px}
	.imagebox {margin-left: 20%; margin-right:10px}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.headline {font-size: 38px}
	.summary {font-size: 1em}
	.subhead {font-size: 36px}
	.margins > p, hr {margin-left: 15%; margin-right:15%}
	.margins > p.subhead {margin-left: 15%; margin-right:15px}
	.imagebox {margin-left: 15%; margin-right:10px}
}

@media only screen and (min-width: 576px) and (max-width:767px) {
	.headline {font-size: 30px}
	.summary {font-size: 1em}
	.subhead {font-size: 28px}
	.margins > p, hr {margin-left: 15px; margin-right:15px}
	.margins > p.subhead {margin-left: 15px; margin-right:15px}
	.imagebox {margin-left: 15px; margin-right:10px}
}

@media only screen and (min-width: 480px) and (max-width:575px) {
	.headline {font-size: 28px}
	.summary {font-size: 1em}
	.subhead {font-size: 28px}
	.margins > p, hr {margin-left: 15px; margin-right:15px}
	.margins > p.subhead {margin-left: 15px; margin-right:15px}
	.imagebox {margin-left: 15px; margin-right:10px}
}


@media screen and (max-width: 479px) {
	.headline {font-size: 24px}
	.summary {font-size: 1em}
	.subhead {font-size: 24px}
	.margins > p, hr {margin-left: 10px; margin-right:10px}
	.margins > p.subhead {margin-left: 10px; margin-right:10px}
}


/* 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;
    }
}