#contact-us {
  background: linear-gradient(
      180deg,
      rgba(27, 27, 27, 0.9),
      rgba(14, 14, 14, 0.9)
    ),
    url(https://cdn.jsdelivr.net/gh/coach500/f1-assets/index/bg-sm.jpg) !important;

  background-repeat: no-repeat !important;
  background-size: cover !important;

  display: flex;
  align-items: center;
  justify-content: start;
  height: 500px;
  color: #ffffff;
}

#contact-us {
  h2 {
    font-size: 2rem;
    color: #ffc40c;
  }

  p {
    color: #d1d1d1;
    font-size: 1.1rem;
  }

  a {
    color: #d1d1d1;
    font-weight: 600;
    border: 2px solid transparent;
    transition: background-color 0.3s ease;
    border: 2px solid #e0b009;

    &:hover,
    &:active {
      background-color: #ffc40c;
      box-shadow: 2px 2px 2px rgba(255, 196, 0.7);
      color: #000000;
    }
  }
}

/*media queries*/
#contact-us {
  @media (min-width: 576px) {
    background: linear-gradient(
        180deg,
        rgba(27, 27, 27, 0.9),
        rgba(14, 14, 14, 0.9)
      ),
      url(.https://cdn.jsdelivr.net/gh/coach500/f1-assets/index/bg-md.avif) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }

  @media (min-width: 920px) {
    & {
      background: linear-gradient(
          180deg,
          rgba(27, 27, 27, 0.9),
          rgba(14, 14, 14, 0.9)
        ),
        url(https://cdn.jsdelivr.net/gh/coach500/f1-assets/index/bg-lg-xl.png) !important;
      background-repeat: no-repeat !important;
      background-size: cover !important;
    }
  }

  @media (min-width: 768px) {
    & {
      height: 350px;
    }
  }
}