/* About Us */

*,
html {
  overflow-x: hidden;
}

.about-hero {
  background-image: linear-gradient(
      to right bottom,
      rgba(28, 29, 28, 0.8),
      rgba(28, 29, 28, 0.8)
    ),
    url("/images/sites/xyz-about-001.jpg");
  height: 45vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.summary-image {
  background-image: linear-gradient(
      to right bottom,
      rgba(248, 193, 42, 0.8),
      rgba(248, 193, 42, 0.8)
    ),
    url("/images/sites/xyz-about-002.jpg");
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.why-us-message {
  background-image: linear-gradient(
      to right bottom,
      rgba(28, 29, 28, 0.8),
      rgba(28, 29, 28, 0.8)
    ),
    url("/images/sites/xyz-about-003.jpg");
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.why-us-message__content {
  color: #ecebeb;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 400;
}

@media only screen and (max-width: 600px) {
  .about-hero {
    height: 45vh;
  }
}