/* GANTRY5 DEVELOPMENT MODE ENABLED.

   WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!

   For more information on modifying CSS, please read:

   http://docs.gantry.org/gantry5/configure/styles
   http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/* line 1, templates/g5_hydrogen/custom/scss/contato.scss */
#contatoOther {
  padding-top: 0;
}
/* line 5, templates/g5_hydrogen/custom/scss/contato.scss */
.contatoWrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  text-align: center;
  margin-top: -80px;
}
@media (max-width: 991px) {
  /* line 11, templates/g5_hydrogen/custom/scss/contato.scss */
  .contatoWrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  /* line 14, templates/g5_hydrogen/custom/scss/contato.scss */
  .contatoWrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
/* line 19, templates/g5_hydrogen/custom/scss/contato.scss */
.cardContato {
  background-color: #fff;
  box-shadow: 0 33px 100px 0 rgba(105, 105, 114, 0.3);
  border-radius: 10px;
  padding: 30px;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 576px) {
  /* line 29, templates/g5_hydrogen/custom/scss/contato.scss */
  .cardContato {
    margin: 0 15px;
    height: 200px;
  }
}
/* line 35, templates/g5_hydrogen/custom/scss/contato.scss */
.contatoTitle {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--color-primary);
  margin: 15px 0;
  letter-spacing: 1px;
}
/* line 44, templates/g5_hydrogen/custom/scss/contato.scss */
.contatoValue {
  font-size: 22px;
  color: var(--color-text);
  text-decoration: none;
}
/* line 50, templates/g5_hydrogen/custom/scss/contato.scss */
.contatoIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  width: 40px;
  height: 40px;
  background-color: rgba(43, 48, 89, 0.1);
}
/* line 61, templates/g5_hydrogen/custom/scss/contato.scss */
.contatoIcon svg {
  width: 20px;
  height: 20px;
}
/* line 64, templates/g5_hydrogen/custom/scss/contato.scss */
.contatoIcon svg path {
  fill: var(--color-primary);
}
/*# sourceMappingURL=contato_9.css.map */