@media screen and  (max-width: 1399px) {
 .cta .btn-primario {
  padding: .5rem 0;
  width: 100%;
 }

 .cta h2 {
  font-size: 38px !important;
 }
}

@media screen and (max-width: 991px) {
  .bnh h5, .bnh p {
    text-align: center;
    margin: 0 auto 1rem;
  }

  .bnh img {
    margin: 0 auto .5rem;
    display: block;
  }

  .sg {
    margin-bottom: 2rem;
  }

  .site img {
    margin: 2rem auto 0;
    width: 40%;
    display: block;
  }

  .site {
    text-align: center;
  }

  .bnh h5 {
    max-width: 100%;
    margin-right: 0;
  }

  .banner{
    padding: 3rem 0 0;
  }
}

@media screen and (max-width: 767px) {
 .beneficio {
  text-align: center;
 }


 .banner img {
  width: 100%;
 }

 .site h4 {
  margin-bottom: .5rem;
  margin-top: 3rem;
 }

 .cta img {
  margin-bottom: 4rem;
 }

 .cta h2 {
  margin-bottom: 2rem;
 }

 .form-control {
  margin-bottom: 2rem;
 }

 .cta .mb-4 {
  margin-bottom: 0 !important;
 }

 .navbar-nav {
  text-align: center;
 }

 .navbar-nav  .btn-primario {
  display: inline-block !important;
 }

 .form__group {
  margin-top: 0 !important;
  margin-bottom: 20px;
 }

 .cta .btn-primario  {
  margin-top: 15px;
 }

 .order1 {
  order: 1;
 }

 .order2 {
  order: 2;
 }

 .gestor h4 {
  text-align: center;
 }

 .gestor h4 {
  padding: 0;
 }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .banner {
    background-image: linear-gradient(-8deg, #fff 23%, #141414 18%);
  }

  .cta {
    background-image: linear-gradient(187deg, #fff 22%, #141414 14%);
  }

  .cta img {
    bottom: 3.5rem;
    position: relative;
  }
   
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .banner {
    background-image: linear-gradient(-7deg, #fff 20%, #141414 18%);
  }

  .cta {
    background-image: linear-gradient(187deg, #fff 28%, #141414 28%);
    padding: 200px 0 100px;
  }

  .bene-gestor {
    background-position: right 70%;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px)  {
  .banner {
    background-image: linear-gradient(-5deg, #fff 17%, #141414 15%)
  }

  .cta {
    background-image: linear-gradient(185deg, #232228 25%, #141414 25%);
  }
}

@media screen and (max-width: 575px) {
  .banner {
    background-image: linear-gradient(-5deg, #fff 13%, #141414 13%);
  }

 .cta {
  background-image: linear-gradient(187deg, #fff 22%, #141414 14%);
  }

  .gestor p {
    text-align: justify;
  }

  .cookies {
    width: 90%;
    left: .5rem;
  }
}

@media screen and (max-width: 360px) {
  .banner img {
    width: 300px;
  }

  .w350 {
    width: auto;
  }

  .beneficio .flex5 {
    align-items: baseline;
  }

  .beneficio h3 {
    text-align: left;
  }

  .gestor h4 {
    margin-bottom: 2rem;
  }

  .navbar-brand img {
    height: 24px;
  }
} 

@media screen and (max-width: 414px) {
  h1 {
    font-size: 35px !important;
  }

  .banner h5 {
    font-size: 25px !important;
  }

  .banner .btn-primario {
    margin-bottom: 2rem;
  }
}