.shop-footer-banner {
  width: 100%;
  padding-top: min(300px, calc(300 / 1800 * 100% - (28px + 10%)));
  padding-bottom: 4%;
  background: url("https://www.americasbest.com/cdn-cgi/image/fit=scale-down,width=1800,f=auto,q=100/medias/AB-Web-Creative-Contact-Lens-LP-ECC-banner-desktop-1800-1-.jpg?context=bWFzdGVyfHJvb3R8MTA4OTY5fGltYWdlL2pwZWd8YURRMkwyaGhaQzh4TURBNE5ETXdOell6TWpFMU9DOUJRaTFYWldJdFEzSmxZWFJwZG1WZlEyOXVkR0ZqZENCTVpXNXpJRXhRWDBWRFF5MWlZVzV1WlhKZlpHVnphM1J2Y0Y4eE9EQXdJQ2d4S1M1cWNHY3xjODNlYzg3YzFmMmVkMzlhOThkMmUyNGMzMTMxODRmNjJkYTBkZTEwZDY5YjA3YzlhY2E0YjU1Y2RkYzIzMzYy")
    center center/ auto 100% no-repeat no-repeat #339e93;
  margin: 40px auto;
}
.shop-footer-banner .gutters {
  max-width: 1340px;
  width: 95%;
  margin: auto;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}
.shop-footer-banner .content {
  width: 43%;
}
.shop-footer-banner .content h3 {
  font-size: 3rem;
  margin-bottom: 10px;
  letter-spacing: normal;
  line-height: normal;
  color: white;
  font-weight: 900;
}
.shop-footer-banner .content h4 {
  font-size: 1.25rem;
  margin: 0 0 25px;
  letter-spacing: normal;
  line-height: normal;
  color: white;
}
.shop-cta a.a-btn--primary {
  background-color: #0b2572;
  color: white;
  border: 2px solid #0b2572;
}
.shop-cta a.a-btn--primary:hover {
  color: #0b2572;
  background-color: transparent;
}
@media (max-width: 1399px) {
  .shop-footer-banner .content {
  width: 46%;
}
}
@media (max-width: 1199px) {
  .shop-footer-banner .content h3 {
    font-size: 2.5rem;
  }
  .shop-footer-banner .content h4 {
    font-size: 1.1rem;
  }
}
@media (max-width: 991px) {
    .shop-footer-banner {
   padding-top: min(300px, calc(300 / 1800 * 100% - (38px + 9%)));
  }
    .shop-footer-banner .content h3 {
    font-size: 2.25rem;
  }
  .shop-footer-banner .content h4 {
    font-size: 1rem;
    margin: 0 0 20px;
  }
}
@media (max-width: 850px) {
      .shop-footer-banner .content h3 {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
    .shop-footer-banner {
    padding-bottom: calc(502 / 767 * 100% - (38px + 3%));
    background: url("https://www.americasbest.com/cdn-cgi/image/fit=scale-down,width=767,f=auto,q=100/medias/AB-Web-Creative-Contact-Lens-LP-ECC-banner-mobile-767-1-.jpg?context=bWFzdGVyfHJvb3R8MTIxMTgwfGltYWdlL2pwZWd8YUdNMEwyaGlOQzh4TURBNE5ETXdOemc1TkRNd01pOUJRaTFYWldJdFEzSmxZWFJwZG1WZlEyOXVkR0ZqZENCTVpXNXpJRXhRWDBWRFF5MWlZVzV1WlhKZmJXOWlhV3hsWHpjMk55QW9NU2t1YW5CbnxmZjg5NjQzYTY5OGE1NDc1MjBhMjVjMzk4MGU0YzI3NmQ3NWZlY2Y0OTQwNzlmOTQwNDM5YTRhZTJkMjBjYjJm")
      center bottom/contain no-repeat no-repeat #278cdc;
    padding-top: 5%;
  }
  .shop-footer-banner .gutters {
    width: 100%;
    margin: 20px auto;
  }
  .shop-footer-banner .content {
    width: 90%;
    margin: 0 auto 50px;
    justify-content: flex-start;
    text-align: center;
  }
  .shop-footer-banner .content h4{
    font-size: 1.25rem;
  }
   .shop-footer-banner .content h3 {
    font-size: 3rem;
  }
}
@media (max-width: 620px) {
  .shop-footer-banner .content {
    margin: 0 auto 30px;
  }
  .shop-footer-banner .content h3 {
    font-size: 2.75rem;
  }
  .shop-footer-banner .content h4 {
    font-size: 1.1rem;
  }
}
@media (max-width: 500px) {
   .shop-footer-banner .content h3 {
    font-size: 2.25rem;
  } 
}
@media (max-width: 390px) {
  .shop-footer-banner .content h3 {
    font-size: 1.75rem;
  }
  .shop-footer-banner .content h4 {
    font-size: 1rem;
  }
}