@media screen {
  .contacts-page .content {
    display: flex;
    flex-direction: column;
  }
  .contacts-page .content * {
    color: black;
    line-height: 170%;
  }
  .contacts-page .content .socials-container {
    table-layout: auto;
  }
  .contacts-page .content .socials-container th {
    font-weight: normal;
  }
  .contacts-page .content .socials-container a {
    text-decoration: underline;
    font-weight: normal;
  }
  .contacts-page .content > * {
    border-left: 2px solid black;
  }
}
@media screen and (min-width: 980px) {
  .contacts-page .content {
    gap: 70px;
  }
  .contacts-page .content .socials-container th {
    padding-right: 50px;
  }
  .contacts-page .content > * {
    padding-left: 40px;
  }
  .contacts-page .content > *:last-child {
    margin-bottom: 10vh;
  }
}
@media screen and (max-width: 980px) and (orientation: landscape) {
  .contacts-page .content {
    gap: 70px;
  }
  .contacts-page .content .socials-container th {
    padding-right: 50px;
  }
  .contacts-page .content > * {
    padding-left: 40px;
  }
  .contacts-page .content > *:last-child {
    margin-bottom: 10vh;
  }
}
@media screen and (max-width: 980px) and (orientation: portrait) {
  .contacts-page .content {
    gap: 70px;
  }
  .contacts-page .content .socials-container th {
    padding-right: 5vw;
    white-space: nowrap;
  }
  .contacts-page .content > * {
    padding-left: 20px;
  }
  .contacts-page .content > *:last-child {
    margin-bottom: 10vh;
  }
}

/*# sourceMappingURL=contacts.css.map */
