.contact-person-block
  z-index: 999 
  position: absolute
  top: 50px
  right: 0
  +flex(center, center)
  opacity: 0

  &.slide-in
    animation: slide-in-contactperson 0.8s 0.4s ease forwards

  &.positioned
    right: 0
    opacity: 1

  +respond-to-width(700)
    display: none

  .contact-person-image
    width: 125px
    height: 125px
    border-radius: 999px
    background-image: url('/img/contact_person.jpg')
    background-size: cover
    background-position: center
    margin-right: 10px

  .contact-person-information
    color: $white
    h4
      +font-semi-bold(18px, 20px)
      color: $tertiaryColor
      margin-bottom: 10px

    p
      +font-default(16px, 22px)
      padding: 0
      margin: 0


@keyframes slide-in-contactperson
  0%
    right: -200px
    opacity: 0
  100%
    right: 0
    opacity: 1