/* override main arrow styles */
.arrow::after {
	display: none;
}


@media screen and (max-width: 800px) {
	.full section.story {
		padding: 2em 0;
	}
	.full section.bleed {
		margin-left: -1em;
		margin-right: -1em;
	}
	.full section.story.bleed {
		padding-left: 1em;
		padding-right: 1em;
	}
	#main blockquote {
		font-size: 2em;
	}
	#main blockquote.small {
		font-size: 1.3em;
	}
	#main .story h2.large {
		font-size: 3em;
	}
	#main .story h2.medium {
		font-size: 2em;
	}
	div.arrow.down {
		width: 0;
		height: 0;
		border-left: 34px solid transparent;
		border-right: 34px solid transparent;
		position: absolute;
		left: 50%;
		right: 50%;
		margin-left: -34px;
	}
	div.arrow.bottom {
		bottom: -20px;
	}
		span.main, .color-main {
		color: #000 !important;
	}
	div.arrow.down.main {
		border-top: 20px solid #000;
	}
		span.highlight, .color-highlight {
		color: #71757c !important;
	}
	div.arrow.down.highlight {
		border-top: 20px solid #71757c;
	}
		span.heading, .color-heading {
		color: #000 !important;
	}
	div.arrow.down.heading {
		border-top: 20px solid #000;
	}
		span.white, .color-white {
		color: #ffffff !important;
	}
	div.arrow.down.white {
		border-top: 20px solid #ffffff;
	}
		span.secondary, .color-secondary {
		color: #71757c !important;
	}
	div.arrow.down.secondary {
		border-top: 20px solid #71757c;
	}
		span.highlight-secondary, .color-highlight-secondary {
		color: #71757c !important;
	}
	div.arrow.down.highlight-secondary {
		border-top: 20px solid #71757c;
	}
		span.link, .color-link {
		color: #ffffff !important;
	}
	div.arrow.down.link {
		border-top: 20px solid #ffffff;
	}
	}
@media screen and (min-width: 801px) {
	.full section.story {
		padding: 3em;
	}
	#main blockquote {
		font-size: 2.9em;
	}
	#main blockquote.med {
		font-size: 2.0em;
		line-height:1.5em;
	}
	#main blockquote.small {
		font-size: 1.5em;
	}
	#main .story h2.large {
		font-size: 6em;
	}
	#main .story h2.medium {
		font-size: 4em;
	}
	.half.right {
		float: right;
	}
	div.arrow.down {
		width: 0;
		height: 0;
		border-left: 45px solid transparent;
		border-right: 45px solid transparent;
		position: absolute;
		left: 50%;
		right: 50%;
		margin-left: -45px;
	}
	div.arrow.bottom {
		bottom: -27px;
	}
		span.main, .color-main {
		color: #000 !important;
	}
	div.arrow.down.main {
		border-top: 27px solid #000;
	}
		span.highlight, .color-highlight {
		color: #71757c !important;
	}
	div.arrow.down.highlight {
		border-top: 27px solid #71757c;
	}
		span.heading, .color-heading {
		color: #000 !important;
	}
	div.arrow.down.heading {
		border-top: 27px solid #000;
	}
		span.white, .color-white {
		color: #ffffff !important;
	}
	div.arrow.down.white {
		border-top: 27px solid #ffffff;
	}
		span.secondary, .color-secondary {
		color: #71757c !important;
	}
	div.arrow.down.secondary {
		border-top: 27px solid #71757c;
	}
		span.highlight-secondary, .color-highlight-secondary {
		color: #71757c !important;
	}
	div.arrow.down.highlight-secondary {
		border-top: 27px solid #71757c;
	}
		span.link, .color-link {
		color: #ffffff !important;
	}
	div.arrow.down.link {
		border-top: 27px solid #ffffff;
	}
	}
#main .story img, #main section img { max-width: 100%; }
span.first-line {
	text-transform: uppercase;
	color: #71757c;
	font-family: AntonioRegular;
	text-transform: uppercase;
	font-size: 2em;
}
#main blockquote {
	color: #9c9c9c;
	line-height: 1.1em;
	margin: 0 0 1em;
	padding-left: 0;
	background-image: none;
}
#main blockquote.small {
	color: #9c9c9c;
	line-height: 1.4em;
	margin: 0;
}
#main .story h2.large,
#main .story h2.medium {
	color: #000;
	line-height: 1em;
	border-bottom:none;
}
#main section.main {
	background: #000;
}
#main section.heading {
	background: #000;
}
#main section.highlight {
	background: #71757c;
}
section {
	position: relative;
}

div.arrow.top {
	top: -1px;
}
.arrow-cutout2 {
    position: relative;
}
.arrow-cutout2:before {
	content: '';
	width: 50%;
	position: absolute;
	bottom: 0;
	left: 0;
	border-right: 34px solid rgba(255,255,255,0);
	border-bottom: 20px solid #737679;
	z-index: 2;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	box-sizing:border-box;
}
.arrow-cutout2:after {
	content: '';
	width: 50%;
	position: absolute;
	bottom: 0;
	right: 0;
	border-left: 34px solid rgba(255,255,255,0);
	border-bottom: 20px solid #737679;
	z-index: 2;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
@media only screen and (min-width: 801px) {
	.arrow-cutout2:before {
		border-right-width: 45px;
		border-bottom-width: 27px;
	}
	.arrow-cutout2:after {
		border-left-width: 45px;
		border-bottom-width: 27px;
	}
}
#main a.storylink {
	color: #ffffff;
}


#social {width: auto !important;}