@charset "utf-8";
/* CSS Document */

body{
	font-family: 'Poppins', sans-serif;
}

.promo{
	background: url("img/promo_screen_bg.jpg") no-repeat fixed;
	background-size: cover;
	padding: 50px 0 100px 0;
}

@media (max-width:1024px){
	.promo{
	background: url("img/promo_screen_bg.jpg") no-repeat 55%;
	background-size: cover;
}
}

.promo a img, .links a img{
	height: 60px;
	margin: 0 15px 30px 0;
}

.promo a img:hover, .links a img:hover{
	opacity: 0.8;
}

.logo{
	width: 200px;
	background: white;
	border-radius: 50px;
	padding: 30px;
	margin-bottom: 50px;
}

.promo .title{
	font-size: 72px;
	font-weight: 800;
	text-transform: uppercase;
	color: #9451fe;
}

@media (max-width:1024px){
	.promo .title{
	font-size: 36px;
}
}

.features{
	background: #9451fe;
	padding: 70px 0;
	text-transform: uppercase;
}

.features video{
    border: 10px solid #fff;
}
.features .title{
	font-size: 32px;
	margin-bottom: 50px;
	font-family: 'Sue Ellen Francisco', cursive;
	text-transform: none;
}

.features strong{
	font-size: 48px;
}

.features .material-icons{
	font-size: 72px;
}

.feedback{
	padding: 70px 0;
	color: #9451fe;
}

.feedback .title{
	font-size: 60px;
	text-transform: uppercase;
	font-weight: 800;
}

@media (max-width:1024px){
	.feedback .title{
	font-size: 48px;
}
}


.feedback .btn-primary{
	background-color: #9451fe;
	border:0;
}

.feedback .btn-primary:hover{
	background-color: #6527FC;
}

.links{
	background: url("img/bottom_bg.jpg")no-repeat;
	background-size: cover;
	padding: 70px 0 0 0;
}

@media (max-width:1024px){
	.links{
	background: url("img/bottom_bg.jpg")no-repeat right;
	background-size: cover;
}
}

.logo-bottom{
	width: 200px;
	margin-bottom: 30px;
}

.links a{
	color:white;
}