
/* RODAPÉ */
footer{
 font-family: var(--principal);
  width: 100%;
}
#contato {
  background: var(--amareloClaro);
  padding: 73px 0;
  padding-bottom: 15px;
  color:var(--pretoMedio);
  width: 100%;
}

#contato .conteiner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;

}

.rodapeCima {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

.rodape-lado1 {
  display: flex;
  flex-direction: column;

}

.logoRodape {
  margin-left: 135px;
}

.redes {
  margin: 20px;
  display: flex;
  align-items: center;
  height: 50px;
}

.icone {
  width: 55px;
  padding: 9px;
}

.icone:hover {
  width: 62px;
  transition: 0.5s;
  filter: brightness(50%);
}

.texto-rodape {
 padding: 2rem;
}

.rodapeTexto {
  text-align: justify;
  width: 33rem;
}

.enderecoTexto {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
  margin-right: 15px;
}

.iconMaps {
  margin-right: 20px;
}

.textoMaps {

}

.rodape-lado2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 70px;
}

.logoRodape img {
  width: 170px;
}

.menina img {
  width: 180px;
}

.imgMaps img {
  width: 380px;
  border-radius: 10px;
}

.imgMaps {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

.direitos {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 120px;
}

.autorais {
  font-weight: 200;
  font-size: .7rem;
  letter-spacing: 0;
  margin-bottom: 5px;
}

.direito {

  margin-bottom: 10px;
}

@media screen and (max-width: 1200px) {




}

@media screen and (max-width: 880px) {

 



 /* RODAPÉ */

 #contato {
     padding: 15px;
     width: 100%;
     text-align: center;
 }

 .rodapeCima {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .logoRodape {
     text-align: center;
     width: 100px;
     margin-left: 31vw;
 }

 #contato .menina img {
     margin-right: 100px;
     width: 120px;
 }

 #contato .redes {
     display: flex;
     align-items: center;
     height: 50px;
     margin: 15px 0;
 }

 .redes {
     width: 100%;
 }

 .redes img {
     width: 35px;
     padding: 5px;
     padding-left: 3px;
 }

 .icone:hover {
     width: 40px;
     transition: 0.5s;
     filter: brightness(50%);
 }

 .texto-rodape {
     padding: 5px;
     text-align: justify;
     font-size: 15px;
 }

 .logoRodape img {
     width: 120px;
 }

 .rodapeTexto,
 .redes {
     display: flex;
     justify-content: center;
 }

 .rodapeTexto {
     width: 100%;
 }

 .enderecoTexto {
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0;
     margin-bottom: 25px;
     width: 100%;
 }

 .endereco {
     margin-top: 30px;
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .enderecoTexto img {
     width: 40px;
     margin-right: 10px;
 }

 .textoMaps {
     
 }

 .imgMaps {
     display: flex;
     justify-content: center;
 }

 .rodape-lado1 {
     width: 100%;
 }

 .rodape-lado2 {
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .imgMaps img {
     border-radius: 10px;
     width: 200px;
     display: flex;
     align-items: center;
 }

 .amigo {
     display: flex;
     justify-self: center;
     align-items: center;
 }

 .amigo img {
     width: 270px;
 }

 .direitos {
     width: 100%;
     margin-top: 90px;
 }

}
