/* style for feature story component 10/14/19 Jonathan */
section.feature-story {
    position: relative;
    height: 80vw;
    min-height: 330px;
	overflow:hidden;
}
section.feature-story img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    height: 80vw;
	min-height: 330px;
}
section.feature-story .container {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0%;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
}
section.feature-story .text-overlay {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
	overflow: hidden;
	height: 100%;
	max-width: 1200px;
	margin: auto;
	position: static;
	padding: 10px 20px;
}
section.feature-story .text-overlay h4 {
    color: #CCB486;
    font-family: "freight-sans-pro-n7","freight-sans-pro",sans-serif;
    font-weight: 700;
    font-size: 18px;
	text-transform: uppercase;
	margin: 0px 0px 4vw 0px;
	width: 100%;

}
section.feature-story .text-overlay h2 {
	font-size: 33px;
	line-height: 33px;
	color: #fcfcfc;
	font-family: "freight-sans-pro-n7","freight-sans-pro",sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0px 0px 20px 0px;
	width: 100%;
}
section.feature-story .text-overlay hr {
	width: 75px;
	border: none;
	border-bottom: 5px solid #CCB486;
	margin: 0px;
	display: none;
}
section.feature-story .text-overlay p {
	color: #fcfcfc;
	font-family: "freight-sans-pro-n7","freight-sans-pro",sans-serif;
	font-weight: 400;
	font-size: 3.5vw;
	margin: 20px 0px;
	line-height: 5vw;
	display: none;
	width: 100%;
}
section.feature-story .text-overlay a {
    color: #fcfcfc;
    font-family: "freight-sans-pro-n7","freight-sans-pro",sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    margin: 10px 0px;
}
section.feature-story .text-overlay a:hover .fa-chevron-right {
    left: 10px;
}
section.feature-story .text-overlay a .fa-chevron-right {
    position: relative;
    color: #CCB486;
    font-size: 12px;
    font-weight: 700;
    left: 0px;
    -webkit-transition: left .5s;
    transition: left .5s;
}
@media (min-width: 450px) {
	section.feature-story .text-overlay h2 {
    	font-size: 6vw;
		line-height: 6vw;
	}
	section.feature-story .text-overlay p {
		display: block;
	}
	section.feature-story .text-overlay hr {
		display: block;
	}
}
@media (min-width: 600px) {
    section.feature-story {
        height: 400px;
    }
    section.feature-story img {
        height: 400px;
    }
    section.feature-story .text-overlay {
		max-width: 1240px;
    	padding: 20px 40px;
    }
    section.feature-story .text-overlay h2 {
        font-size: 32px;
        line-height: 32px;
    }
    section.feature-story .text-overlay h4 {
        margin: 0px 0px 20px 0px;
    }
    section.feature-story .text-overlay p {
        font-size: 18px;
        line-height: 30px;
    }
	section.feature-story .text-overlay h2, section.feature-story .text-overlay h4, section.feature-story .text-overlay p {
		width: 520px;
		margin-right: calc(100% - 520px);
	}
}
@media (min-width: 900px) {
    section.feature-story {
        height: 550px;
    }
    section.feature-story img {
        height: 550px;
    }
    section.feature-story .text-overlay {
		max-width: 1280px;
    	padding: 35px 60px;
    }
    section.feature-story .text-overlay h2 {
        font-size: 50px;
        line-height: 50px;
    }
    section.feature-story .text-overlay h4 {
        margin: 0px 0px 30px 0px;
		font-size: 22px;
    }
	section.feature-story .text-overlay p {
		font-size: 20px;
		line-height: 32px;
	}
	section.feature-story .text-overlay h2, section.feature-story .text-overlay h4, section.feature-story .text-overlay p {
		width: 570px;
		margin-right: calc(100% - 570px);
	}
	section.feature-story .text-overlay a {
		font-size: 22px;
	}
	section.feature-story .text-overlay a .fa-chevron-right {
		font-size: 14px;
	}
}