/****** PLACE YOUR CUSTOM STYLES HERE ******/



@media only screen and (max-width: 500px) {
    .logo {
        width: 25%;
    }
    .logo2 {
        width: 60%;
    }
    .tituloSitio {
        font-size: 3.2vw;
    }
    #hero2 {
        height: 60px!important;
    }
    .qs {
        width: 50%!important;
    }

    .tituloTele {
        width: 85%!important;
    }

    .reqTele {
        width: 110%!important;
    }

    .centrado{
        display: flex!important;
        align-items: center!important;
        justify-content: center!important;
    }
}

@media only screen and (min-width: 500px) and (max-width: 700px) {
    .logo {
        width: 10%;
    }
    .logo2 {
        width: 20%;
    }
    .tituloSitio {
        font-size: 20px;
    }
    #hero2 {

        height: 70px!important;
    }
    .tituloTele {
        width: 80%!important;
    }
    .reqTele {
        width: 90%!important;
    }
}

@media only screen and (min-width: 700px) and (max-width: 850px) {
    .logo {
        width: 12%;
    }
    .logo2 {
        width: 40%;
    }
    .tituloSitio {
        font-size: 23px;
    }
    #hero2 {
        height: 100px!important;
    }

    .tituloTele {
        width: 80%!important;
    }
    .reqTele {
        width: 70%!important;
    }
}

@media only screen and (min-width: 850px) and (max-width: 1040px) {
    .logo {
        width: 10%;
    }
    .logo2 {
        width: 20%;
    }
    .tituloSitio {
        font-size: 23px;
    }
    #hero2 {
        height: 100px!important;
    }
    .tituloTele {
        width: 80%!important;
    }
    .reqTele {
        width: 70%!important;
    }
}

@media only screen and (min-width: 1040px) and (max-width: 1100px) {
    .logo {
        width: 14%;
    }
    .logo2 {
        width: 20%;
    }
    .tituloSitio {
        font-size: 1.6vw;
    }
    #hero2 {
        height: 100px!important;
    }
    .tituloTele {
        width: 80%!important;
    }
    .reqTele {
        width: 70%!important;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1360px) {
    .logo {
        width: 14%;
    }
    .logo2 {
        width: 23%;
    }
    .tituloSitio {
        font-size: 1.6vw;
    }
    #hero2 {
        height: 100px!important;
    }
    .tituloTele {
        width: 70%!important;
    }
    .reqTele {
        width: 70%!important;
    }
}

@media only screen and (min-width: 1361px) {
    .logo {
        width: 10%;
    }
    .logo2 {
        width: 23%;
    }
    .tituloSitio {
        font-size: 1.4vw;
    }
    #hero2 {
        height: 100px!important;
    }
    .tituloTele {
        width: 60%!important;
    }
    .reqTele {
        width: 40%!important;
    }
}

#hero {
  width: 100%;
  /*background: url(../img/hero-bg.png) center bottom no-repeat;*/
  background-size: 100%;
  position: relative;
  /*margin-top: 40px;*/
    height: 38vh; /*calc(50vh - 4px);*/
}

@media (min-width: 1025px) {
  #hero {
    background-attachment: fixed;
  }
}

#hero .hero-container {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

#hero h1 {
  margin: 0 0 10px 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  /*font-family: "Philosopher", sans-serif;*/
  color: #0e4194; /*#71c55d  */
}

@media (max-width: 768px) {
  #hero h1 {
    font-size: 28px;
    line-height: 36px;
  }
}

#hero h2 {
  color: #777;
  margin-bottom: 30px;
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

@media (max-width: 768px) {
  #hero h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }
}