@media (max-width: 320px) {

}
@media (max-width: 576px) { 
  #section3 .container-col {
    height: 100% !important;
  }
  h3 {
    font-size: 22px !important;
  }
  h4 {
    font-size: 20px !important;
  }
  h1 {
    font-size: 32px !important;
  }
  #section6 ul li::before {
    height: 10px;
    width: 10px;
  }
}
@media (max-width: 768px) { 
  #section8 .grupo {
    height: 100%;
  }
 }
@media (max-width: 992px) {
  h1 {
    font-size: 36px;
  }
  #intro {
    top: 0 !important;
  }
  #section2 .text .row {
    padding: 60px 0 !important;
  }
  #section2 .image .row {
    padding-top: 100px;
  }
  #section2 .image {
    background-size: cover !important;
  }
  h3 {
    font-size: 24px;
  }
  #section5 .image-row {
    background-color: #E30613;
    background-image: none;
    }
  }
  @media (max-width: 1200px) { 
    #section7{
      height: 880px !important;
    }
    #section7 .carousel-inner {
      height: 700px !important;
    }
    #section3 .container-col {
    height: 400px;
  }
  #section5 .image-row {
    background-size: contain !important;
    }
 }
@media (min-width: 1500px) {
  #section2 .image img {
    max-width: 450px;
  }
  #section2 .image {
    background-size: cover !important;
  }
}