@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap');
body{
	font-family: 'Amiri', serif;
}
body.home{
	background: url(../img/bg.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 100vh;
	padding: 60px 0;
	position: relative;
}
body.thank{
	background: url(../img/bg2.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 100vh;
	padding: 60px 0;
}
.thank h1{
	font-weight: normal;
	color: #58595B;
}
h1{
	font-weight: bold;
	color: #fff;
	margin-top: 120px;
	font-size: 76px;
	line-height: 92.5%;
	margin-bottom: 60px;
}
h2{
	font-weight: bold;
	color: #fff;
	margin-top: 160px;
	font-size: 60px;
	line-height: 92.5%;
	margin-bottom: 60px;
}
.btn-primary{
	box-shadow: 0px 10px 20px rgba(4, 18, 43, 0.17);
	font-size: 18px;
	border-radius: 0;
	padding: 10px 15px;
}
.social-link{
	margin-top: 160px;
	margin-bottom: 40px;
}
.form-group{
	margin-bottom: 20px;
}
.modal-header.m-3 {
    border: none;
    margin-bottom: 0 !important;
}
.form .form-control {
    border-radius: 0;
    background: #EBEDF3;
    border: none;
}
.modal-content {
    border-radius: 0;
}
form.form2 {
    background: #F5F5F5;
    padding: 40px;
    box-shadow: 15px 15px #ccc5bf;
}
.form2 .form-control {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #58595B;
    background: transparent;
}
.btn-secondary{
	background: #292929;
	font-size: 18px;
	border-radius: 0;
	padding: 10px 15px;
}
button.btn.btn-secondary.btn-block {
    width: 100%;
}
.view-mobile{
	display: block !important;
}
@media (max-width: 767.98px){
	body.home,
	body.thank{
		height: auto;
		padding: 60px 15px;
	}
	h1 {
	    font-size: 56px;
	}
	h2 {
	    font-size: 46px;
	    margin-top: 120px;
	}
	img.logo {
	    width: 170px;
	}
	.hide-mobile{
		display: none !important;
	}
	.view-mobile{
		display: block !important;
	}
}