html { font-size: 62.5%; } 
body {
	background-color: #ffffff;
	font-family: 'Nunito', sans-serif;
	color: #ffffff;
	font-size: 1.6rem;
	line-height: 2.4rem;
	font-weight: 300;
}
.wrapper {
	background: #000000 url("../img/bg_header.jpg") no-repeat;
	background-size: contain;
	font-family: 'Nunito', sans-serif;
	max-width: 1140px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	position: relative;
}
h1, h2 {
	font-size: 2.4rem;
	line-height: 1.25;
	font-weight: 300;
	margin-bottom: 3.5rem;
}
h1 span, h2 span {
	font-size: 2.85rem;
    font-weight: 600;
    display: block;
    margin-top: 0;
}
h2 {
	font-size: 2.4rem;
}
h3 {
	font-size: 2.0rem;
	display: block;
	text-align: center;
	width: 100%;
	margin-bottom: 3rem;
}
img {
	max-width: 100%;
}
.flara {
	display: inline;
}
.flara-darkblue {
	color: #0082fa;
}
.flara-blue {
	color: #0fd2ff;
}
.vendor-logo {
	display: block;
	position: absolute;
    top: 4rem;
    left: 4em;
    z-index: 99;
	margin-bottom: 4rem;
}
.btn {
	border-radius: 30px;
	font-family: 'Nunito', sans-serif;
	color: #fff;
	font-size: 1.6rem;
	padding: 0.5rem 3rem;
	text-decoration: none;
	background-color: #ffffff;
	color: #000000;
	box-sizing: border-box;
	border: 1px solid #ffffff;
}
.btn:hover {
	background: transparent;
	color: #ffffff;
}
.btn.blue {
	border: 1px solid #0082fa;
	background-color: #0082fa;
	color: #ffffff;
}
.btn.blue:hover {
	background: transparent;
	color: #0082fa;
}
.btn.violet {
	border: 1px solid #8250fa;
	background-color: #8250fa;
	color: #ffffff;
}
.btn.violet:hover {
	background: transparent;
	color: #8250fa;
}
.btn.focus, .btn:focus {
    box-shadow: none;
}
.cta {
	margin-top: 4rem;
}
.price-container {
	display: inline;
	float: left;
	padding-top: 0.8rem;
}
.price {
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 0;
}
.button-container {
	display: inline;
	margin-left: 2rem;
	float: left;
}
.top {
	min-height: 520px;
}
.row:first-child {
	-moz-border-top-left-radius: 30px;
	-webkit-border-top-left-radius: 30px;
	-ms-border-top-left-radius: 30px;
	-o-border-top-left-radius: 30px;
	border-top-left-radius: 30px;
	-moz-border-top-right-radius: 30px;
	-webkit-border-top-right-radius: 30px;
	-ms-border-top-right-radius: 30px;
	-o-border-top-right-radius: 30px;
	border-top-right-radius: 30px;
}
.row:last-child {
	-moz-border-bottom-left-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-ms-border-bottom-left-radius: 30px;
	-o-border-bottom-left-radius: 30px;
	border-bottom-left-radius: 30px;
	-moz-border-bottom-right-radius: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-ms-border-bottom-right-radius: 30px;
	-o-border-bottom-right-radius: 30px;
	border-bottom-right-radius: 30px;
}
.product {
	min-height: 450px;
	background-repeat: no-repeat;
	background-position: 50% 0;
}
.product-foto, .product-description {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row-rewerse;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
	color: #ffffff;
	padding: 8rem;
}
.product-description ul,
.price-small {
	color: #ffffff;
}
.product-1 {
	background: url(../img/bg_product-1.jpg) 15% center;
}
.product-2 {
	background: url(../img/bg_product-2.jpg) 85% center;
}
.product-3 {
	background: url(../img/bg_product-3.jpg) 15% center;
}
.product-list h2 {
	font-size: 2.2rem;
}
.product-list .product-foto {
	top: 0;
}
.product-list .product-foto img {
	max-width: 120%;
}
.steps {
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.25;
	margin-bottom: 6rem;
}
.steps img {
	display: block;
	margin: 0 auto;
}
.steps .step-number {
	font-weight: 400;
	font-size: 3.2rem;
	display: block;
}
.disclaimer {
	display: block;
	font-size: 1.4rem;
	text-align: center;
	padding: 5rem 0 0 0;
	color: #888888;
}
ul li {
	margin-left: 0;
	padding-left: 1rem;
}
.footer {
	background: url("../img/bg_footer.jpg") no-repeat;
	background-size: cover;
	display: block;
	text-align: center;
	padding: 9rem 0;
}
.footer .btn {
	padding: 1rem 4rem;
}
@media screen and (max-width: 991.98px) {
	html {
		font-size: 50%;
	}
	.btn {
		font-size: 2rem;
	}
	.wrapper {
		background-size: 150%;
		background-position: 100% 0;
	}
	.intro {
		margin: 60% auto 8rem;
		text-align: center;
		width: 100%;
		position: static;
	}
	.top {
		min-height: auto;
	}
	.description {
		padding: 0 4rem;
	}
}
@media screen and (max-width: 767.98px) {
	html {
		font-size: 45%;
	}
	.wrapper {
		background-position: 100% 0;
	}
	.intro {
		display: block;
		margin-top: 65%;
	}
	.line {
		margin-bottom: 4rem;
		margin-top: 4rem;
	}
	.description {
		padding: 3rem 4rem;
	}
	.product-description {
		background: rgba(0,0,0,0);
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 60%, rgba(0,0,0,0.75) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(60%, rgba(0,0,0,0.75)), color-stop(100%, rgba(0,0,0,0.75)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 60%, rgba(0,0,0,0.75) 100%);
		background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 60%, rgba(0,0,0,0.75) 100%);
		background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 60%, rgba(0,0,0,0.75) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 60%, rgba(0,0,0,0.75) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
		text-align: center;
	}
	.specification {
		text-align: left;
	}
	.product-foto, .product-description {
		align-content: flex-end;
		-webkit-align-items: flex-end;
		-ms-flex-align: center;
		color: #ffffff;
		padding: 5rem;
	}
}
@media screen and (max-width: 575.98px) {
	.wrapper {
		background-position: 100% 0;
	}
}