.header-interior,
.header-interior .img-cont,
.header-interior .inner {
	position: relative;
}

.header-interior .slide {
	margin-bottom: 20px;
}

.header-interior .img-cont {
	width: 100%;
}

.header-interior .img-cont img {
	width: 100%;
}

.header-interior .content-section {
	padding: 20px 10px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	max-width: 600px;
}

.header-interior h4 {
	color: white;
	font: 500 30px 'Titling-Gothic-fb-skyline', sans-serif;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	line-height: 1em;
	margin: 0;
	-webkit-transform: skew(30deg, 0deg) translate3d(200px, 0, 0);
    transform: skew(30deg, 0deg) translate3d(200px, 0, 0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    opacity: 0;
    -webkit-transition: all cubic-bezier(0, 1, 1, 1) 1.5s;
    transition: all cubic-bezier(0, 1, 1, 1) 1.5s;
}

.header-interior h4.title2 {
	color: #00a18e;
	-webkit-transform: skew(30deg, 0deg) translate3d(200px, 0, 0);
    transform: skew(30deg, 0deg) translate3d(200px, 0, 0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    opacity: 0;
    -webkit-transition: all cubic-bezier(0, 1, 1, 1) 1.5s;
    transition: all cubic-bezier(0, 1, 1, 1) 1.5s;
}

.header-interior .toggle-orange h4.title2 {
	color: rgb(241, 93, 34);
}

.header-interior .content-section p {
	color: #fff;
	font: 500 18px 'franklin-gothic-urw-comp', sans-serif;
	letter-spacing: 0.04em;
	line-height: 1em;
	margin: 0;
	margin-top: 5px;
	-webkit-transform: skew(30deg, 0deg) translate3d(200px, 0, 0);
    transform: skew(30deg, 0deg) translate3d(200px, 0, 0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    opacity: 0;
    -webkit-transition: all cubic-bezier(0, 1, 1, 1) 1.5s;
    transition: all cubic-bezier(0, 1, 1, 1) 1.5s;
}

.header-interior .content-section.active h4,
.header-interior .content-section.active p {
	opacity: 1;
    -webkit-transform: skew(0deg, 0deg) translate3d(0px, 0, 0);
    transform: skew(0deg, 0deg) translate3d(0px, 0, 0);
}

.header-interior .content-section.active h4 a:hover {
	color: white;
	text-decoration: none;
}

.header-interior a.read-more {
	display: inline-block;
	color: white;
	position: relative;
}

.header-interior a.read-more:hover {
	text-decoration: none;
}

.header-interior a.read-more i {
	padding: 5px;
	letter-spacing: 0.04em;
}

@media (min-width: 64em) {
	.header-interior .inner {
		max-height: 600px;
		overflow: hidden;
	}
	
	.header-interior .content-section {
		padding: 27px 30px;
	}

	.header-interior h4 {
		font-size: 50px;
	}

	.header-interior .content-section p {
		font-size: 20px;
	}
}