html{
	overflow-x: hidden;
}
body{
	margin:0;
	color: #DE223F;
	font-family: 'Barlow', sans-serif;
	font-weight: 500;
	overflow: hidden;
	font-size:16px
}

strong {
	font-weight: 700;
}

a{
	text-decoration:none;
	color: #DE223F;
}
a:hover {
	text-decoration:underline;
	color: #DE223F;
}

.social {
	margin-top: 5%;
}
.social svg{
	font-size: 26px;
	margin-right: 20px;
}

.bg-image {
	
	background-repeat: no-repeat
}

.payoff{
	font-size: 54px;
	line-height: 60px;
	font-weight: 900;
}
.logo{
    position: absolute;
    bottom: 3%;
    right: 10%;
}	
.margin-bottom-text {
	margin-bottom: 7%
}

.btn-cta {
	padding: 15px 30px;
    background-color: #DE223F;
    color: #fff;
    border: 1px solid #DE223F;
    border-radius: 30px;
}
.btn-cta:hover {
	background-color: #fff;
    color: #DE223F;
    border: 1px solid #DE223F;
	text-decoration:none;
}


@media (min-width:1281px) {
	.bg-image {
		background-repeat: no-repeat;
		background-position: 40% 0;
		background-size:cover;
	}
}
@media (min-width:992px) and (max-width: 1280px) {
	.bg-image {
		background-repeat: no-repeat;
		background-position: 40% 0;
	}
	.margin-bottom-text {
		margin-bottom: 15%
	}
}
@media (min-width:768px) and (max-width: 991px) {
	.bg-image {
		background-repeat: no-repeat;
		background-position: 40% 0;
	}
	.margin-bottom-text {
		margin-bottom: 15%
	}
}
@media (min-width:577px) and (max-width:767px) {
	.bg-image {
		background-repeat: no-repeat;
		background-position: 48% 0;
	}
	
}
@media (max-width:576px) {
	.payoff{
		font-size:31px;
		line-height: 38px;
		margin-top: 0.7em!important;
	}
	.bg-image {
		background-repeat: no-repeat;
		background-position: 51% 0;
	}
	.vh-100 {
		min-height: 100vh!important;
	}
	.margin-bottom-text {
		margin-bottom: 30%
	}
	.logo{
		width: 120px;
		position: relative;
		bottom: auto;
		right: auto;
	}	
	
}

@media (orientation: landscape) {
	
}

@media (max-height:400px) {
	.payoff {
		line-height: 1.2em!important;
		margin-top: 0.4em!important;
	}
	.small {
		line-height: 0.7em!important;
	}
}