/* Scss Document */
.div_contacto {
  width: 100%;
  padding: 5vw 0;
  background-image: url(../imagenes/fondo-alojamiento-y-galeria.jpg); }

.tabla_contacto {
  width: 80%;
  box-sizing: border-box;
  text-align: left;
  margin: 0;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 0; }
  .tabla_contacto h3 {
    font-size: 1.5vw;
    line-height: 3vw; }
  .tabla_contacto td {
    width: 25%;
    font-size: 1vw;
    vertical-align: top;
    padding: 0 1.5vw;
    font-family: 'AvenirNextLTPro-DemiCn';
    display: inline-block; }

.img_contacto {
  width: 10vw;
  margin-top: -3vw; }

.icono_contacto {
  font-size: 1vw;
  color: #927eb7;
  margin-right: 0.5vw; }

.barra_pie {
  font-family: 'AvenirLTStd-Medium';
  color: black;
  padding: 1vw 0;
  font-size: 1.2vw;
  text-align: center;
  width: 100%;
  background-color: #927eb7;
  display: block; }

.icono_social_contacto {
  padding: 0.2vw;
  font-size: 1.5vw;
  background-color: #927eb7;
  color: white;
  border-radius: 0.2vw;
  display: inline-block;
  margin-top: 1vw; }

@media screen and (max-width: 800px) {
  .barra_pie {
    padding: 18px 0;
    font-size: 20px; }

  .tabla_contacto {
    width: 70%; }
    .tabla_contacto h3 {
      font-size: 28px;
      line-height: 48px; }
    .tabla_contacto td {
      width: 50%;
      font-size: 18px;
      padding: 0 24px 32px 0; }

  .img_contacto {
    width: 250px;
    margin-top: 0; }

  .icono_social_contacto {
    padding: 4px;
    font-size: 26px;
    margin-top: 18px;
    border-radius: 4px; }

  .icono_contacto {
    font-size: 18px;
    margin-right: 10px; } }