/* Any additional styles for the Campaign Landing page, which has formatting
 * differences from the rest of the site.
 */

/* @media(min-width:350px) {
	body {
		font-size: 19px;
	}
}

@media(min-width:544px) {
	body {
		font-size: 20px;
	}
}*/

div.featured-post h2 {
	margin-top: 5px;
	margin-bottom: 15px;
}

/* Adjust the headlines for mobile/wearable. */
@media(max-width: 350px) {
	span.headline {
		font-size: 0.8em;
		font-size: -moz-calc(7vw);
		font-size: -webkit-calc(7vw);
		font-size: calc(7vw);
		-webkit-hyphens: auto;
		    -ms-hyphens: auto;
		   -moz-hyphens: auto;
		        hyphens: auto;
	}

	div.featured-post h2 {
		line-height: 0.9;
	}
}

@media(max-width: 300px) {
	.link-box h3 {
		padding-left: 10px;
		padding-right: 10px;
	}

	div.featured-post {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 8px;
	}

		div.featured-post h2 {
			margin-top: 0px;
			line-height: -moz-calc(7vw);
			line-height: -webkit-calc(7vw);
			line-height: calc(7vw);
		}

		.featured-post p {
			font-size: -moz-calc(2.2vw + 8px);
			font-size: -webkit-calc(2.2vw + 8px);
			font-size: calc(2.2vw + 8px);
		}
	}


img.story-image {
	float: right;
	max-width: 350px;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 10px;
}

@media(max-width:767px) {
	img.story-image {
		max-width: 50%;
	}
}

/* Let it stretch across the page */
@media(max-width:470px) {
	img.story-image {
		max-width: none;
		padding-left: 0px;
		padding-bottom: 16px;
	}
}

@media(max-width: 300px) {
	img.story-image {
		padding-top: 6px;
	}
}