.contacts-page-content {
  padding: 2rem;
  gap: 2rem;
  display: flex;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.contact-form-wrapper {
  .contact-form {
    margin-top: 1rem;
  }
}

.google-map-wrapper {
  width: 100%;

  flex-shrink: 1;
}

.google-map {
   padding-bottom: 56.25%;
   position: relative;
}

.google-map iframe {
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   position: absolute;
}

.main-contacts {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-shrink: 2;
  gap: 1rem;

  h3 {
    margin-bottom: .25rem;
  }

  pre {
    margin: 0;
    letter-spacing: .05rem;
  }

  a {
    color: var(--accent-color);
  }
}

@media screen and (max-width: 55em) {
  .contacts-page-content {
    flex-direction: column;
  }
}