@media only screen and (min-width: 1200px) {
	.headline-container, .byline-container {max-width: 90%}
	.byline {margin-left: 22%; padding-right: 10px; font-size: 1.2em}
	.headline {font-size: 40px; margin-left: 22%; padding-right: 2em;}
	.summary {font-size: 1.2em}
	h1 {font-size: 1.4em}
	.margins > p, h1, hr {margin-left: 20%; margin-right:30%}
	.margins > .links {margin-left: 10%; margin-right:20%}
	.right-box {max-width: 33%}
	.right-box-2 {max-width: 45%}
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
	body {font-size: 1.1em}
	.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: 1.66em}
	.summary {font-size: 1.2em}
	h1 {font-size: 1.3em}
	.margins > p, h1, hr {margin-left: 17%; margin-right:20%}
	.margins > .links {margin-left: 7%; margin-right:10%}
	.right-box {max-width: 33%}
	.right-box-2 {max-width: 45%}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.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: 1.66em}
	.summary {font-size: 1.1em}
	h1 {font-size: 1.2em}
	.margins > p, h1, hr {margin-left: 5%; margin-right:5%}
	.margins > .links {margin-left: 0; margin-right:0}
	.right-box {max-width: 40%}
	.right-box-2 {max-width: 50%}
}

@media only screen and (min-width: 576px) and (max-width:767px) {
	.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: 1.66em}
	.summary {font-size: 1.1em}
	h1 {font-size: 1.2em}
	.margins > p, h1, hr {margin-left: 2%; margin-right:2%}
	.margins > .links {margin-left: 0; margin-right:0}
	.right-box {max-width: 50%}
	.right-box-2 {max-width: 100%}
}

@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: 1.5em}
	.summary {font-size: 1.1em}
	h1 {font-size: 1.2em}
	.margins > p, h1, hr {margin-left: 2%; margin-right:2%}
	.margins > .links {margin-left:0; margin-right:0}
	.right-box {max-width: 50%}
	.right-box-2 {max-width: 100%}
}


@media screen and (max-width: 479px) {
	.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: 1.4em}
	.summary {font-size: 1.1em}
	h1 {font-size: 1.2em}
	.margins > p, h1, hr, .links {margin-left: 2%; margin-right:2%}
	.margins > .links {margin-left: 0; margin-right:0}
	.right-box {max-width: 100%}
	.right-box-2 {max-width: 100%}
}

