@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;700&display=swap');

html, body{
	scroll-behavior: smooth;
}

body{
	background-color: #005038;
	height: 100%;
	padding: 2rem;
	color: #fff;
	font-family: 'EB Garamond', serif;
	font-size: 20px;
}


.cta{
	color: #fff;
	background-color: #cc9700;
	padding: .5rem 2rem;
	border: 1px solid #cc9700;
	border-radius: 10px;
	display: inline-block;
}
.cta:hover{
	color: #cc9700;
	background-color: #fff;
	text-decoration: none;
}
.form-control{
	font-size: 16px;
	color: #fff;
}
input[type="text"],input[type="email"],input[type="tel"], textarea{
	border-color: #fff!important;
}
textarea{
	color: #fff!important;
}
.md-form label, label{
	color: #fff!important;
	font-size: 16px;
}
.footer{
	border-top: 1px solid #cc9700;
	border-bottom: 1px solid #cc9700;
}
.bullet{
	color: #cc9700;
}
#successModal .modal-header{
	background-color: #005038;
}
#successModal p{
	color: #000;
}
.top{
	height: calc(100vh - 2rem);
}
.background{
	background-position: center bottom;
	background-repeat: no-repeat;
	background-image: url('../img/ilustracao_mobile.png');
}
.close{
	color: #fff;
	opacity: 1;
}

@media (min-width: 576px){

	.background{
		background-image: url('../img/ilustracao.png');
	}

}

@media (max-width: 1450px){

	.background{
		background-size: contain;
	}
	.logo img{
		width: 345px;
	}

}