@font-face {
	font-family:"CNN";
	src:url(fonts/CNNSansW04-Light.eot);
	src:url(fonts/CNNSansW04-Light.eot?#iefix) format("embedded-opentype"),url(fonts/CNNSansW04-Light.woff) format("woff"),url(fonts/CNNSansW04-Light.ttf) format("truetype"),url(fonts/CNNSansW04-Light.svg) format("svg");
	font-weight:400;
	font-style:normal;
}

@font-face {
	font-family:"CNN";
	src:url(fonts/CNNSansDisplayW04-Bold.eot);
	src:url(fonts/CNNSansDisplayW04-Bold.eot?#iefix) format("embedded-opentype"),url(fonts/CNNSansDisplayW04-Bold.woff) format("woff"),url(fonts/CNNSansDisplayW04-Bold.ttf) format("truetype"),url(fonts/CNNSansDisplayW04-Bold.svg) format("svg");
	font-weight:700;
	font-style:normal;
}

* {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding:0;
}

body,p,h1,h2 {
	font-family:CNN;
	font-weight:400;
}

header {
	width:100%;
	color:#fefefe;
	overflow:hidden;
	position:relative;
	background-position:center center;
	background-size:cover;
}

header>div {
	position:absolute;
	bottom:0;
	left:0;
	padding:4% 10.5%;
}

header:before {
	content:"";
	padding-top:50%;
	display:block;
}

header:after {
	position:absolute;
	display:block;
	top:5%;
	left:3%;
	background-color:#C00;
	content:"";
	background-image:url(../images/logo.svg);
	background-size:contain;
}

header {
	margin:auto;
}

.full {
	width:100%;
	padding:3% 6%;
}

.red {
	background-color:#C00;
	color:#fff;
}

.gray {
	background-color:#646464;
	color:#fff;
}

.gray-box {
	background-color:#e5e5e5;
}

.black-box {
	background-color:#0a0a0a;
	color:#f2f2f2;
}

footer {
	background-color:#0a0a0a;
	text-align:center;
	font-size:0;
}

footer a {
	font-size:12px;
	color:#f2f2f2;
	text-decoration:none;
}

 footer p{
	 font-size: 12px; color: #e6e6e6; margin-top: 3em;
 }

.light-gray {
	background-color:#e5e5e5;
	text-align:center;
}

.light-gray img {
	width:50%;
	height:auto;
}

.openings {
	background:#fafafa;
}

.openings>h1 {
	margin-bottom:1em;
}

.openings>p {
	margin-bottom:2em;
}

.openings>a {
	display:block;
	margin-top:2em;
	color:#C00;
	text-decoration:none;
	text-align:right;
}

.gray.half-gray>a {
	display:block;
	color:#f2f2f2;
	text-decoration:none;
	line-height:12px;
	margin-bottom:1em;
}

.gray.half-gray>a:before {
	content:"";
	display:inline-block;
	width:34px;
	height:30px;
	background-image:url(../images/social-logos.svg);
	background-size:auto 100%;
	margin-right:1em;
	background-repeat:none;
	vertical-align:middle;
}

.gray.half-gray>a.instagram:before {
	background-position-x:-40%;
}

.gray.half-gray>a.twitter:before {
	background-position-x:-90%;
}

@media (max-width: 720px) {
	body {
		font-size:10px;
	}
	
	header:after {
		width:15%;
		height:30%;
	}
	
	.half-red,.half-gray,.half>div {
		padding:3% 6%;
	}
	
	.even-box>div {
		padding-left:15%;
		position:relative;
		margin:4% 0 6%;
	}
	
	.even-box>div>img {
		width:14%;
		position:absolute;
		top:1%;
		left:1%;
		max-width:60px;
	}
	
	.light-gray img {
		width:28%;
		max-width:100px;
	}
	
	.light-gray>div {
		margin:6% 0;
	}
	
	#read-openings>div {
		margin-bottom:2em;
	}
	
	.red.half-red {
		position:relative;
		padding-left:20%;
	}
	
	.red.half-red>img {
		position:absolute;
		height:80%;
		max-width:100px;
		left:2%;
	}
	
	footer a {
		padding:1em;
	}
	
	.desk-only {
		display:none;
	}
	
 footer p{
	  padding:2em;
 }	
}

@media (min-width: 721px) {
	body {
		font-size:16px;
	}
	
	header:after {
		width:7%;
		height:14%;
	}
	
	header h1 {
		font-size:4em;
		font-weight:700;
	}
	
	section {
		max-width:1200px;
		margin:auto;
	}
	
	footer {
		padding:5% 0 20%;
	}
	
	footer a {
		width:20%;
		display:inline-block;
	}
	
	.full.red {
		padding:7% 10% 12%;
	}
	
	.full.red>h1 {
		margin-bottom:1.6em;
	}
	
	.even-box {
		padding:5%;
	}
	
	.even-box>div {
		min-height:160px;
		position:relative;
		margin-top:5%;
		padding-left:12%;
	}
	
	.even-box>div>img {
		position:absolute;
		top:0;
		left:0;
		width:10%;
		height:auto;
	}
	
	.even-box>div>h2 {
		margin-bottom:.6em;
	}
	
	/*
				.story-telling{background-image: url(../images/imgStory.jpg);}
				.pic-journalists{background-image: url(../images/imgJobs.jpg);}
	*/
	.half-noCol {
		position:relative;
	}
	
	.half-noCol>.red,.half-noCol>.gray {
		width:50%;
	}
	
	.half-noCol>.pic-box {
		position:absolute;
		top:0;
		width:50%;
		height:100%;
		background-position:center top;
		background-size:fill;
	}
	
	.half-noCol>.pic-box.pic-right {
		right:0;
	}
	
	.half-noCol>.pic-box.pic-left {
		left:0;
	}
	
	.icon-img {
		width:20%;
		height:auto;
	}
	
	.red.half-red,.gray.half-gray {
		padding:7% 10% 5%;
	}
	
	.gray.half-gray {
		margin-left:50%;
	}
	
	.red.half-red img {
		margin-bottom:42%;
	}
	
	.red.half-red h1 {
		margin-bottom:2em;
		font-size:3em;
	}
	
	.light-gray {
		padding:3% 6%;
	}
	
	.light-gray>h1 {
		text-align:left;
		font-size:2em;
		margin-bottom:1em;
	}
	
	.light-gray>div>h2 {
		font-weight:700;
		font-size:1em;
	}
	
	.light-gray>div {
		width:18%;
		display:inline-block;
		vertical-align:top;
		margin:0 3%;
	}
	
	.big-text {
		font-size:3em;
		text-align:center;
	}
	
	.mid-align {
		position:relative;
	}
	
	.mid-align>p {
		padding-top:15%;
	}
	
	#read-openings>div {
		padding:5% 3%;
		cursor:pointer;
	}
	
	#read-openings>div>h2 {
		font-size:1.1em;
		font-weight:700;
	}
	
	.half {
		-webkit-column-count:2;
	/* Chrome, Safari, Opera */
		-moz-column-count:2;
	/* Firefox */
		column-count:2;
		-webkit-column-gap:0;
		-moz-column-gap:0;
		column-gap:0;
	}
	
	.three-col {
		-webkit-column-count:3;
	/* Chrome, Safari, Opera */
		-moz-column-count:3;
	/* Firefox */
		column-count:3;
		-webkit-column-gap:0;
		-moz-column-gap:0;
		column-gap:0;
	}
	
	.half>div,.three-col>div,.quarter>div {
		margin:0;
		-webkit-column-break-inside:avoid;
		page-break-inside:avoid;
		break-inside:avoid-column;
		display:table;
	}
	
	.quarter {
		-webkit-column-count:4;
		-moz-column-count:4;
		column-count:4;
		-webkit-column-gap:0;
		-moz-column-gap:0;
		column-gap:0;
	}
}

@media (max-device-width: 720px) {
	header {
		background-image:url(../images/mobileHeader.jpg);
	}
}