@charset "UTF-8";
a {
    color: #8898aa;
}
html {
  position: relative;
  min-height: 100%;
  background: #fff
}
.footer {
  bottom: 0;
  color: #58666e;
  padding: 20px 30px;
  position: absolute;
  width: 100%;
  background: #fff;
}
.app-search {
  margin-top: 15px;
  position: relative;
}
.app-search .form-control {
  border-radius: 60px;
  transition: 0.2s ease-in;
  width: 180px;
  height: 30px;
}
.app-search .form-control:focus {
  width: 300px;
}
.app-search a {
  position: absolute;
  top: 2px;
  right: 10px;
  color: #8898aa;
}
.btn-buscar {
  background-color: #0266ae;
  color: white;
}
.color-whatsapp {
  color: #2AB200;
}
.color-facebook {
  color: #354E87;
}
.color-twitter {
  color: #00A7E7;
}
.color-instagram {
  color: #C93280;
}
.color-youtube {
  color: #F80000;
}
.color-mail {
  color: #000;
}
.color-snapchat {
  color: #EFE200;
}
img.logo {
  height:130px;max-width:90%;
}
::-webkit-input-placeholder {
   text-align: center;
}

:-moz-placeholder { /* Firefox 18- */
   text-align: center;  
}

::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;  
}

:-ms-input-placeholder {  
   text-align: center; 
}

.bloque-cabecera {
  padding-top: 1rem !important;
}
.bloque-formulario {
  margin-top: 1rem !important;
}

/* Medianos */
@media (max-width: 800px) {
  img.logo {
    height:100px;max-width:90%;
  }
  .h3, h3 {
    font-size: 1.5rem;
  }
  .h4, h4 {
    font-size: 1.25rem;
  }
  .bloque-cabecera {
    padding-top: 0.75rem !important;
  }
  .bloque-formulario {
    margin-top: 0.75rem !important;
  }
}
/* Pequenos */
@media (max-width: 576px) {
  img.logo {
    height:80px;max-width:90%;
  }
  .h3, h3 {
    font-size: 1.25rem;
  }
  .h4, h4 {
    font-size: 1rem;
  }
  .bloque-cabecera {
    padding-top: 0.5rem !important;
  }
  .bloque-formulario {
    margin-top: 0.5rem !important;
  }
}