@media (min-width: 1600px) {
  .container {
    max-width: 1510px; /* 1600 * 0.943 */
  }
}

/* For 1800px to 1919px */
@media (min-width: 1800px) {
  .container {
    max-width: 1597px; /* 1800 * 0.943 */
  }
}

/* For 1920px and above */
/* @media (min-width: 1920px) {
  .container {
    max-width: 1810px; 
  }
} */

#hero-banner {
    padding-top: 120px;
}

@media (max-width: 576px) {
  .hero-content h1 {
    font-size: 38px; 
  }

  .content-wrapper h2 {
        font-size: 28px;
    }

}