main {
  margin-top: 153px; }
  @media (min-width: 998px) {
    main {
      margin-top: 165px; } }
.contact-page .one, .contact-page .two, .contact-page .three {
  grid-column: 1/-1; }

.contact-page p {
  padding-bottom: 0.8em; }

.contact-page .three {
  padding-top: 50px; }
  .contact-page .three .contact {
    padding-bottom: 15px; }
  .contact-page .three .title {
    padding-bottom: 8px; }
  @media (min-width: 998px) {
    .contact-page .three {
      padding-top: 0; } }
.contact-lower {
  padding-top: 66px;
  padding-bottom: 70px; }
  .contact-lower .title {
    text-transform: none; }
    .contact-lower .title span {
      display: inline-block; }
  @media (min-width: 998px) {
    .contact-lower {
      padding-bottom: 100px;
      padding-top: 100px; } }
  .contact-lower .post {
    grid-column: span 3;
    position: relative; }
    .contact-lower .post a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 10; }
    .contact-lower .post img {
      transition: all .3s ease-in-out; }
    .contact-lower .post:hover img {
      scale: 1.04; }
  .contact-lower .post .aspectholder {
    aspect-ratio: 1/1;
    overflow: hidden; }
  .contact-lower .insta-posts {
    padding-top: 30px;
    column-gap: 14px;
    row-gap: 14px; }
  @media (min-width: 998px) {
    .contact-lower .post {
      grid-column: span 6; } }
.contact-form {
  display: flex;
  flex-direction: column;
  gap: 1em;
  padding-top: 30px; }
  .contact-form input,
  .contact-form textarea {
    background-color: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid var(--Cw);
    font: inherit;
    margin-top: -0.5em;
    margin-bottom: 1em;
    resize: vertical;
    color: white; }

@media (min-width: 998px) {
  .contact-page .one {
    grid-column: 1/10; }
  .contact-page .two {
    grid-column: 10/19; }
  .contact-page .three {
    grid-column: 20/24; } }