/*--- WRITE YOUR CSS HERE ---*/

#box1 {
	display: none;
}

.hed {
	width: 80%;
	max-width: 720px;
	margin: 40px auto 20px;
}

h1 {
	font-family: 'Druk Bold Web';
	font-size: 5.8em;
	line-height: .9em;
	text-transform: uppercase;
	color: #000;
}

.lede-img {
	width: 80%;
}

.lede-text-under .lede-content {
	margin-bottom: 30px;
	width: 80%;
	padding: 0;
}

.lede-content .dek {
	font-family: 'Druk Bold Web';
	font-size: 3em;
	line-height: 1em;
	width: 100%;
}

#main .byline-feat {
	/*color: #000;*/
	/*background-color: #fff;*/
}

#main p a {
	/*color: #3c3c3c;*/
	/*border-bottom: 2px solid #2800d7;*/
}

.lede-contained-img {
  /*background-image: url("../img/IMAGE.jpg");*/
}

.divider {
	width: 80%;
	height: 20px;
	background-color: #000;
	margin: 0 auto;
}

.section-break {
	padding-top: 20px;
}

.img_full {
	width: 100%;
	max-width: 1020px;
}

.img_full .mobile {
	display: none;
}

.bw-attribution-img {
	height: 18px;
}

.pullquotes {
	font-family: 'Druk Bold Web';
	font-size: 4.5em;
	line-height: 1em;
	text-transform: uppercase;
	color: #000;
	padding: 30px 0 0 0;
	margin: 70px auto 50px;
	border-top: 20px solid #000;
	border-bottom: none;
	max-width: 720px;
}

.lede-text-under .credit {
	width: 80%;
	margin: 0 auto;
	text-align: right;
}

p a {
	border-bottom: 2px solid #000;
}

@media screen and (max-width: 1020px) {

	.hed {
		max-width: 100%;
	}

	h1 {
		font-size: 4.3em;
	}

	.lede-content {
		width: 80%;
	}

	.lede-content .dek {
		font-size: 2.5em;
	}

	.pullquotes {
		font-size: 3em;
	}
}

@media screen and (max-width: 760px) {
	h1 {
		font-size: 3em;
		text-align: left;
	}

	.lede-text-under .lede-content {
		padding: 0;
		width: 90%;
	}
	.lede-content .dek {
		font-size: 1.6em;
	}

	.img_full .mobile {
		display: block;
	}

	.img_full .desktop {
		display: none;
	}

	.hed {
		width: 90%;
	}

	.lede-img {
		width: 90%;
	}

	.divider {
		width: 90%;
	}

	#box1 {
		display: block;
	}
}