@use "../../assets/stylesheets/abstracts/mixins" as *;
// @use "../../assets/stylesheets/abstracts/variables";

#contact-us {
  scroll-margin-block-start: 120px;
}

.contacts {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 100px;
  // padding-top: 54px;
  border-bottom: 1px solid #665469;

  div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 150px;

    a {
      margin-bottom: 16px;
      white-space: nowrap;
    }
  }

  @include for-mobile {
    flex-wrap: wrap;

    div {
      width: 45%;
    }
  }
}