/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

.rs-hero {
	margin-bottom: 50px
}

.rs-hero__wrapper {
	position: relative;
	overflow: hidden;

	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}
.rs-hero__background {
	position: absolute;
	top: -50px;
	right: 0;
	bottom: 0%;
	left: 0;
	background-size: cover;
	background-position: 50% 50%;
	-webkit-transition: -webkit-transform 0.05s;
	transition: -webkit-transform 0.05s;
	transition: transform 0.05s;
	transition: transform 0.05s, -webkit-transform 0.05s;
}
.rs-hero__content {
	position: relative;
	margin: 0 auto;
	text-align: center;
	color: white;
	padding: 42px;
	background-color: rgba(0,0,0,0.2);
}

@media (min-width: 768px) {
	.rs-hero__content {
		padding: 152px;
	}
}

.rs-hero__content-wrapper {
	max-width: 770px;
	margin: 0 auto;
}

.rs-hero__content-head {
	overflow: hidden;
}

.rs-hero__content-head-wrapper {
	padding-bottom: 10px;
}

.rs-hero--init .rs-hero__content-head-wrapper {
	opacity: 0;
	-webkit-transform: translate(0, 100%);
	        transform: translate(0, 100%);
}

.rs-hero--fade-in .rs-hero__content-head-wrapper {
	-webkit-animation-name: rs-hero-content-head;
	        animation-name: rs-hero-content-head;
	-webkit-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}

.rs-hero__content-head h1 {
	font-family: "Alegreya Sans",sans-serif;
	font-weight: 900;
	color: inherit;
	margin: 0;
}

.rs-hero__content-line {
	width: 0;
	height: 2px;
	margin: 0 auto;
	background-color: #EE6948;
}

.rs-hero--fade-in .rs-hero__content-line {
	-webkit-animation-name: rs-hero-content-line;
	        animation-name: rs-hero-content-line;
	-webkit-animation-duration: 1s;
	        animation-duration: 1s;
}

.rs-hero__content-body {
	overflow: hidden;
}

.rs-hero__content-body-wrapper {
	padding-top: 10px;
}

.rs-hero--init .rs-hero__content-body-wrapper {
	opacity: 0;
	-webkit-transform: translate(0, -100%);
	        transform: translate(0, -100%);
}

.rs-hero--fade-in .rs-hero__content-body-wrapper {
	-webkit-animation-name: rs-hero-content-body;
	        animation-name: rs-hero-content-body;
	-webkit-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}

.rs-hero__content-body p {
	font-size: 1.387em;
}
.rs-hero__content-body p:last-child {
	margin-bottom: 0;
}


@-webkit-keyframes rs-hero-content-head {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 100%);
		        transform: translate(0, 100%);
	}
	30% {
		opacity: 0;
		-webkit-transform: translate(0, 100%);
		        transform: translate(0, 100%);
	}
	70% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
}


@keyframes rs-hero-content-head {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 100%);
		        transform: translate(0, 100%);
	}
	30% {
		opacity: 0;
		-webkit-transform: translate(0, 100%);
		        transform: translate(0, 100%);
	}
	70% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
}

@-webkit-keyframes rs-hero-content-line {
	0% {
		width: 0;
	}
	30% {
		width: 100%;
	}
	70% {
		width: 100%;
	}
	100% {
		width: 0;
	}
}

@keyframes rs-hero-content-line {
	0% {
		width: 0;
	}
	30% {
		width: 100%;
	}
	70% {
		width: 100%;
	}
	100% {
		width: 0;
	}
}

@-webkit-keyframes rs-hero-content-body {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, -100%);
		        transform: translate(0, -100%);
	}
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -100%);
		        transform: translate(0, -100%);
	}
	70% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
}

@keyframes rs-hero-content-body {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, -100%);
		        transform: translate(0, -100%);
	}
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -100%);
		        transform: translate(0, -100%);
	}
	70% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
}