.contact-block
  background-color: #504c4d
  .content-container
    +flex(space-between, flex-start)
    height: calc(100% - #{$partInViewport})

    +respond-to(small)
      flex-direction: column
      align-items: center

    .contact-information
      padding: $paddingSmallTextBlock
      max-width: $textMaxWidth
      margin-top: 50px

      +respond-to(small)
        margin-top: 0

      h2
        color: $white
        margin-bottom: 50px
      color: $white
      a
        color: $tertiaryColor
        transition: color 0.4s ease
        &:hover
          color: $white

    .contact-person-block
      margin-top: 100px
      position: relative
      top: 0
      right: 0
      left: 0
      bottom: 0
      justify-content: flex-start
      animation: none
      opacity: 1

      +respond-to(small)
        display: none

      .contact-person-information
        color: $white
        h4
          color: $white

.contact-content-container
  width: 100%
  top: -$partInViewport
  position: relative
  background:
    color: $contactFormBgColor
  padding: $paddingSmallTextBlock
  max-width: $textMaxWidth

  +respond-to(small)
    top: 0
    margin-bottom: 50px


.contact-form
  h3
    color: $contactFormTitleColor