.banner{
	width: 100%;
	height: 183px;
	background-image: url('../imagens/contato.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}	
.banner h2{
	font-size: 42px;
	font-family: "neue";
	margin: auto;
}


.contato{
	width: 100%;
}
.contato .container{
	gap: 50px 0;
	justify-content: space-between;
}
.contato .container .cont-infos{
	width: 375px;
	gap: 70px;
	padding: 100px 0;
}
.contato .container .cont-infos .titulo{
	width: 100%;
	gap: 20px;
}
.contato .container .cont-infos .titulo .barra{
	background-color: var(--primaria);
}
.contato .container .cont-infos .infos-box{
	width: 100%;
	gap: 50px 0;
	justify-content: space-between;
}
.contato .container .cont-infos .infos-box .box{
	gap: 20px;
}
.contato .container .cont-infos .infos-box .box h3{
	color: var(--azul);
}
.contato .container .cont-infos .infos-box .box a{
	color: var(--primaria);
	transition: ease .3s;
}
.contato .container .cont-infos .infos-box .box a:hover{
	color: var(--azul);
	font-weight: 700;
	transition: ease .3s;
}
.contato .container .mapas{
	width: calc(100% - 550px);
}
.contato .container .mapas iframe{
	width: 100%;
	height: 100%;
	border-radius: 10px;
	border: 1px solid var(--cor-5);
}


/* MEDIA DESKTOP */
@media screen and (max-width: 1600px){

}

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

}

@media screen and (max-width: 1366px){
	.contato .container .mapas{
		width: calc(100% - 500px);
	}
}

@media screen and (max-width: 1280px){
	.contato .container .mapas{
		width: calc(100% - 450px);
	}
}

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

/* MOBILE */
@media screen and (max-width: 1000px){
    .contato .container .cont-infos{
    	width: 100%;
    }
    .contato .container .mapas{
    	width: 100%;
    	height: 600px;
    }
}

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

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

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

}

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

}