.banner-fondo {
  background-image: url(../public/images/franja-sola.png);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 390px;
  display: block !important;
}
@media (min-width: 960px) and (max-width: 1199px) {
  .banner-fondo {
    height: 290px;
  }
}
@media (max-width: 959px) {
  .banner-fondo {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .back-mobile {
    height: 300px;
    background-color: #860000;
    width: 100%;
    display: block;
    margin-top: -2px;
  }
}

@media (max-width: 959px) {
  .back-mobile-sem {
    height: 300px;
    background-color: #860000;
    width: 100%;
    display: block;
    margin-top: -2px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .back-mobile-sem {
    margin-top: -90px;
    display: block;
    height: 300px;
    background-color: #860000;
    width: 100%;
  }
}

#inscripcion .top {
  position: absolute;
  height: 110%;
  bottom: 120px;
  left: 0;
}
@media (max-width: 959px) {
  #inscripcion .top {
    display: none;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  #inscripcion .top {
    height: 75%;
  }
}
#inscripcion .bot {
  position: absolute;
  height: 100%;
  top: 60px;
}
@media (max-width: 767px) {
  #inscripcion .bot {
    height: 60px;
    bottom: 0px;
    top: unset;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  #inscripcion .bot {
    height: 100px;
    top: 30px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  #inscripcion .bot {
    height: 75%;
    top: 120px;
  }
}
#inscripcion h5 {
  color: white;
  font-family: "Raleway", sans-serif;
  margin-top: -40px;
}
@media (max-width: 767px) {
  #inscripcion h5 {
    font-size: 12px;
    margin-top: -170px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  #inscripcion h5 {
    margin-top: 0px;
  }
}
#inscripcion p {
  text-align: center;
  font-size: 14px;
  color: #ca9b62;
}
@media (max-width: 767px) {
  #inscripcion p {
    font-size: 10px;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  #inscripcion {
    margin-top: -290px !important;
  }
}

#inscripcion-sem .top-sem {
  position: absolute;
  height: 120px;
  bottom: 110px;
  left: 0;
}
@media (max-width: 959px) {
  #inscripcion-sem .top-sem {
    display: none;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  #inscripcion-sem .top-sem {
    height: 100px;
  }
}
#inscripcion-sem .bot-sem {
  position: absolute;
  height: 110px;
  top: -3px;
}
@media (max-width: 767px) {
  #inscripcion-sem .bot-sem {
    height: 60px;
    bottom: 0px;
    top: unset;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  #inscripcion-sem .bot-sem {
    height: 100px;
    top: 0px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  #inscripcion-sem .bot-sem {
    height: 100px;
    top: 120px;
  }
}
#inscripcion-sem .margin {
  color: white;
  font-family: "Raleway", sans-serif;
  margin-top: -90px;
}
@media (max-width: 767px) {
  #inscripcion-sem .margin {
    font-size: 12px;
    margin-top: -170px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  #inscripcion-sem .margin {
    margin-top: 0px;
  }
}
#inscripcion-sem p {
  text-align: center;
  font-size: 14px;
  color: #ca9b62;
}
@media (max-width: 767px) {
  #inscripcion-sem p {
    font-size: 10px;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  #inscripcion-sem {
    margin-top: -220px !important;
  }
}

@media (max-width: 767px) {
  .programa h2 {
    font-size: 25px;
  }
}

@media (max-width: 300px) {
  #banner .row .col img {
    height: 30px;
  }
}

@media (max-width: 300px) {
  #banner .row .col h1 {
    font-size: 22px !important;
  }
}

@media (max-width: 767px) {
  .banner-bottom-mb {
    height: 130px;
  }
}

/*# sourceMappingURL=banner-fix.css.map */