.banner{
	width: 100%;
	background-color: #000;
}
.banner img{
	width: 100%;
	object-fit: contain;
}
.bn-d{
	display: flex;
}
.bn-m{
	display: none;
}

.contato{
	width: 100%;
	background-image: url('../imagens/contato/bg.png');
	background-repeat: no-repeat;
	background-size: 100% 101%;
	background-position: right center;
}
.contato-content{
	width: 85%;
	margin: 0 auto;
	justify-content: space-between;
	padding: 5% 0 3%;
}
.contato-img{
	width: 28.5%;
}
.contato-img img{
	width: 100%;
	object-fit: contain;
}
.contato-info{
	width: 22%;
	position: relative;
	align-content: baseline;
}
.contato-barra{
	position: relative;
    height: 40%;
	width: 2px;
	background-color: var(--verde);
	opacity: 0.5;
	align-self: center;
}

.info-topo{
	width: 100%;
	align-content: baseline;
	margin-bottom: 12%;
}
.info-topo span{
	font-size: 1.2vw;
	font-weight: 600;
	color: var(--verde);
	letter-spacing: 3px;
}
.info-mid{
	width: 100%;
	margin-bottom: 5%;
}
.info1{
	width: 100%;
	margin-bottom: 12%;
	flex-direction: column;
}
.info1 h3{
	color: #fff;
	font-size: 1.3vw;
	font-weight: 700;
	margin-bottom: 4%;
}
.info1 a{
	color: #fff;
	font-size: 0.90vw;
}
.info1 a:hover{
	color: var(--verde);
}
.info1 span{
	color: #fff;
	font-size: 0.90vw;
}

.contato-form{
	width: 41%;
	margin: 5% auto 0;
	position: relative;
	align-content: baseline;
}
.contato-title{
	width: 100%;
	position: relative;
	align-items: center;
	margin-bottom: 8%;
}
.contato-title h2{
	font-size: 2vw;
	color: #fff;
	font-weight: 900;
}
.contato-title ul{
	width: 100%;
	position: absolute;
	right: 0;
	justify-content: flex-end;
	align-items: center;
}
.contato-title ul li{
	margin-left: 4%;
}
.contato-title ul li:nth-child(1){
	margin-left: 0;
}
.contato-title ul li a:hover img{
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);
}
.contato-form form{
	width: 100%;
	justify-content: center;
}
.div-input{
	width: 100%;
	justify-content: space-between;
	margin-bottom: 5%;
}
.div-input input{
	width: 48%;
	height: 64px;
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 10px;
	padding-left: 3%;
	color: #fff;
	font-size: 0.90vw;
}
.div-input input::placeholder{
	color: #fff;
	font-size: 0.90vw;
}
.div-input input:-webkit-autofill,
.div-input input:-webkit-autofill:hover,
.div-input input:-webkit-autofill:focus,
.div-input input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #fff !important;
}
.contato-form form textarea{
	width: 100%;
	height: 200px;
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 10px;
	padding-left: 3%;
	padding-top: 2%;
	color: #fff;
	font-size: 0.90vw;
}
.contato-form form textarea::placeholder{
	color: #fff;
	font-size: 0.90vw;
}
.contato-form form textarea:-webkit-autofill,
.contato-form form textarea:-webkit-autofill:hover,
.contato-form form textarea:-webkit-autofill:focus,
.contato-form form textarea:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #fff !important;
}
.contato-form form a{
	display: flex;
	color: #fff;
	background-color: var(--verde);
	border-radius: 50px;
	height: 50px;
	padding: 0 3vw;
    align-items: center;
    margin-top: 5%;
    letter-spacing: 4px;
    font-size: 1vw;
    font-weight: 700;
    border: 1px solid var(--verde);
}
.contato-form form a:hover{
	background-color: transparent;
	color: var(--verde);
}


/* MEDIA DESKTOP */
@media screen and (max-width: 1600px){
	.info-topo div select{
		height: 50px;
	}
	.div-input input{
		height: 58px;
	}
	.contato-form form textarea{
		height: 190px;
	}
	.contato-form form a{
		height: 45px;
	}
}

@media screen and (max-width: 1440px){
	.info-topo div select{
		height: 45px;
	}
	.div-input input{
		height: 52px;
	}
	.contato-form form textarea{
		height: 180px;
	}
	.contato-form form a{
		height: 40px;
	}
}

@media screen and (max-width: 1366px){
	.info-topo div select{
		height: 40px;
	}
	.div-input input{
		height: 48px;
	}
	.contato-form form textarea{
		height: 170px;
	}
	.contato-form form a{
		height: 35px;
	}
}

@media screen and (max-width: 1280px){
	.info-topo div select{
		height: 35px;
	}
	.div-input input{
		height: 44px;
	}
	.contato-form form textarea{
		height: 160px;
	}
	.contato-form form a{
		height: 30px;
	}
}

@media screen and (max-width: 1024px){
	.info-topo div select{
		height: 30px;
	}
	.div-input input{
		height: 40px;
	}
	.contato-form form textarea{
		height: 150px;
	}
	.contato-form form a{
		height: 25px;
	}
}

/* MOBILE */
@media screen and (max-width: 768px){

}

@media screen and (max-width: 480px){
	.bn-d{
		display: none;
	}
	.bn-m{
		display: flex;
	}
	.contato{
		background-size: 100% 101%;
		padding: 5% 0;
	}
	.contato-content{
		width: 90%;
		margin: 0 auto;
	}
	.contato-img{
		display: none;
	}
	.info-mid{
		margin-bottom: 0;
	}
	.contato-info{
		width: 100%;
		padding: 0;
		margin-bottom: 15%;
	}
	.contato-barra{
		display: none;
	}
	.info1 h3{
		font-size: 5vw;
	}
	.info1 a, .info1 span{
		font-size: 4vw;
	}
	.contato-form{
		width: 100%;
		padding: 0;
	}
	.info-topo h3, .contato-form h2{
		font-size: 7vw;
	}
	.info-topo span, .info-topo div select{
		font-size: 5vw;
	}
	.contato-info .info-barra{
		display: none;
	}
	.div-input{
		margin-bottom: 0;
	}
	.div-input input, .div-input input::placeholder, .contato-form form textarea, .contato-form form textarea::placeholder{
		font-size: 3.5vw;
		width: 100%;
		margin-bottom: 5%;
	}
	.contato-form form{
		justify-content: center;
	}
	.contato-form form a{
		font-size: 3vw;
	}
}

@media screen and (max-width: 400px){

}

@media screen and (max-width: 375px){

}