.site-main {
  background-image: url(../src/images/contact/contact-background.jpg);
  background-size: cover;
  position: relative;
  padding: 100px 0; }
  @media screen and (max-width: 767px) {
    .site-main {
      background-image: none;
      padding: 0; } }
  .site-main::before {
    content: "";
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    @media screen and (max-width: 767px) {
      .site-main::before {
        content: none; } }

.contact-header {
  position: relative;
  z-index: 9;
  margin-bottom: 1em; }
  .contact-header__headding {
    font-size: 3.75rem;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .contact-header__headding {
        font-size: 8vw;
        margin: 3em 0 1em;
        text-align: center; } }

.contact-content {
  position: relative;
  z-index: 9;
  position: relative;
  z-index: 9;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px; }
  @media screen and (max-width: 767px) {
    .contact-content {
      grid-template-columns: 1fr;
      margin-bottom: 30px; } }
  .contact-content__item {
    background: #ffffff85;
    border: 2px solid #1198FB;
    padding: 2em; }
    @media screen and (max-width: 767px) {
      .contact-content__item {
        border-radius: 1em; } }
    .contact-content__item__head {
      font-size: 1.5625rem;
      font-weight: bold;
      text-align: center; }
    .contact-content__item__link {
      color: #1198FB !important;
      text-align: center;
      margin: 1em auto;
      display: block;
      font-weight: bold; }
    .contact-content__item__btn {
      display: block;
      margin: 1em auto;
      background: #338df4;
      color: #ffffff !important;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 4px 4px -4px rgba(0, 0, 0, 0.1);
      border-radius: 2em;
      width: fit-content;
      font-size: 1.25rem;
      padding: 0.3em 5em;
      font-weight: bold;
      text-decoration: none; }