@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

@font-face {
	font-family: 'homeday';
    src: url('font/Homeday.eot');
    src: url('font/Homeday.eot?#iefix') format('embedded-opentype'),
        url('font/Homeday.woff2') format('woff2'),
        url('font/Homeday.woff') format('woff'),
        url('font/Homeday.ttf') format('truetype'),
        url('font/Homeday.svg#Homeday') format('svg');
}

:root {
	--verde: #3F8B63;
}

* {
	padding: 0;
	bottom: 0;
	font-family: 'Roboto', sans-serif;
}

.tittle {
	font-family: 'homeday', sans-serif !important;
	color: var(--verde);
	font-size: 5em;
}

a{
	color: #fff;
}

.nav-link{
	color: #fff !important;
}

header {
	height: 100px;
	backdrop-filter: blur(15px);
	background: rgba(169, 169, 169, 0.1);
}

a: hover{
	text-decoration: none;
	color: #fff !important;
}

p{
	margin: 0px;
	color: var(--verde);
}



body{
	background-color: #E8E8E8 !important;
	width: 100% !important;
}

.wp{
	background-color: #3F8B63;
}


h3{
	color: var(--verde);
}

footer{
	background: linear-gradient(180deg, #3F8B63 0%, #183526 100%);
	border-top-left-radius: 59%;
    border-top-right-radius: 59%;
}

footer a{
	color: #fff;
}

li{
	display: inline-block;
}

footer p{
	color: #FFF;
}

.bloco{
	width: 100%;
	margin: 10px;
}

.btn:hover {
	border-color: #fff !important;
	color:  #fff !important;
	transition: .4s;
	background-color: transparent !important;
}

.contato{
	background: linear-gradient(180deg, #3F8B63 0%, #183526 100%);
}

.contato h3{
	color: #fff;
	font-size: 
}

.contato .btn {
	background-color: #fff;
    border-radius: 20px;
    padding: 10px 50px;
    color: var(--verde);
    letter-spacing: 2px;
    font-weight: 900;
    text-transform: uppercase;
}

.contato a {
	background-color: #fff;
	border-radius: 40px;
	padding: 15px 40px;
	text-transform: uppercase;
	color: var(--verde);
	font-weight: 600;
}


 @media(max-width: 750px) {
	.logo{
		display: none;
	}  

}

@media(max-width: 750px)
	{
		header{
			background: transparent;
			backdrop-filter: none;
		}
	}