@charset "UTF-8";
/* Setando o charset */
/**
 * Importando utilitários do bootstrap
 */
/**
 * Variáveis configuradas para o projeto e mixins
 */
/*
|---------------------------
| Nossos mixins
|---------------------------
*/
/* Mixin para máscaras */
/* função que converte uma fonte em px para uma versão 'rem' baseado na fonte de 16px */
/**
* Esse utilitário retorna o valor em 'em'
* deve ser usado em locais onde o valor estiver relacionado ao tamanho da fonte
*/
/**
* Esse utilitário foi feito para simplificar a digitação
* retorna a font-size e line-height configurados com os valores passados
* a variável $scale é opcional, ela permite calcular de maneira simples, quanto
* seria o valor da fonte se aplicado algum modificador
*/
/**
* Esse utilitário foi feito para simplificar a digitação
* retorna o padding top e bottom
* a variável $scale é opcional, ela permite calcular de maneira simples, quanto
* seria o valor da fonte se aplicado algum modificador
*/
/**
* Esse utilitário foi feito para simplificar a digitação
* retorna a font-size e line-height configurados com os valores passados
*/
/**
* Esse utilitário foi feito para simplificar a digitação
* retorna a font-size e line-height em vw configurados com os valores passados
*/
/**
* Retorna o valor em px relativo a altura da tela
*/
/**
* Converte os valores em px do xd para vw
*/
/**
* Converte os valores em px do xd para vh
*/
.banner-page {
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url("../../img/contato/banner-contato.jpg");
}
@media (max-width: 1119.98px) {
  .banner-page {
    height: 230px;
  }
}
@media (max-width: 959.98px) {
  .banner-page {
    height: 150px;
    background-position: top left;
  }
}
.banner-page .text-banner {
  color: #FFFFFF;
  font-size: 1.875rem;
  line-height: 1.3333333333em;
  font-family: "nunito_sansregular";
}
@media (max-width: 959.98px) {
  .banner-page .text-banner {
    font-size: 1.5rem;
    line-height: 1.25em;
  }
}
@media (max-width: 739.98px) {
  .banner-page .text-banner {
    font-size: 1.25rem;
    line-height: 1.3em;
  }
}
.banner-page .text-banner span {
  font-family: "nunito_sansbold";
}

.info-contato {
  padding-bottom: 78px !important;
}
@media (max-width: 959.98px) {
  .info-contato {
    padding-bottom: 30px !important;
  }
}

.contato-form {
  padding: 44px 0;
}
@media (max-width: 959.98px) {
  .contato-form {
    padding: 30px 0;
  }
}

@media (max-width: 739.98px) {
  form {
    margin-top: 30px;
  }
}