.contact-header {
  background-color: var(--color-light);
  color: var(--color-black);
  position: relative;
  overflow: hidden;
  padding: 100px 0 150px 0;

  .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;

    @media (min-width: 768px) {
      flex-direction: row;
    }
  }

  h1 {
    margin: 0;
    display: flex;


    p {
      margin: 0 175px 0 0;
      padding: 25px 0 25px 0;
    }
  }
}

.contact-intro-image {
  @media (min-width: 768px) {
    width: calc(100% / 12 * 6);
  }
}

.contact-intro-text {
  @media (min-width: 768px) {
    margin-left: calc(100% / 12);
    width: calc(100% / 12 * 5);
  }
}