/* md */
@media (min-width: 1200px) {


}
/* sm */
@media (min-width: 992px) and (max-width: 1199px) {



}
/* xs */
@media (min-width: 768px) and (max-width: 991px) {

  .bg-top {
    padding: 6rem 4rem;
  }
  .mid-img {
    padding-bottom: 530px;
  }

}

/* xs */
@media (max-width: 767px) {

  .bg-top {
    padding: 2rem 1rem;
  }
  h1 {
    font-size: 1rem;
  }
  .h2, h2 {
    font-size: .8rem;
  }
  .navbar-collapse {
    margin-top: 30px;
  }
  .navbar-nav {
    text-align: right;
  }
  .section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  ul.servicios li {
    margin: 20px 10px;
    width: 145px;
  }
  .h3, h3 {
    font-size: 1rem;
  }
  .mid-img {
    padding-bottom: 245px;
  }

}