.person-header {
  background-color: #29344b;
  &:after {
    background-color: #29344b;
  }

  /* image */
  .container-image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    img {
      border: 4px solid #1bba76;
      border-radius: 100px;
    }
  }

  /* social */
  .social-container {
    .paragraph a {
      border-radius: 50px;
    }
  }

  /* info data */
  .info-container {
    text-align: center;
    .container-role {
      color: #1bba76;
    }
    h1 {
      color: #fff;
    }
  }

  /* contact container */
  .contact-container {
    background-color: #364056;
    border-radius: 30px;
    text-align: center;
    a {
      color: #1bba76;
      &:hover {
        color: #3bd693;
      }
    }
  }
}

@media (min-width: 992px) {
  .person-header {
    .container-image {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
    }

    .info-container {
      text-align: left;
    }

    .contact-container {
      text-align: right;
    }
  }
}