.contact-person {
  margin-bottom: 100px;
  padding: 40px 0 60px 0;
  background-color: #53738a;
  color: white;

  &__hl {
    margin-bottom: 20px;
    color: white;
    text-align: center;
  }

  &__detail {
    font-family: Raleway, sans-serif;
    margin-top: 30px;
    
    @media screen and (max-width: 767px) {
      text-align: center;
    }

    &--mail-icon {

      @media screen and (max-width: 575px) {
        text-align: center;
      }

      &--img {
        height: 70px;
      }
    }

    &--person {
      margin-left: -20px;
      
      @media screen and (max-width: 1199px) {
        margin-left: 0;
      }
      
      @media screen and (max-width: 767px) {
        margin-top: 20px;
      }
      
      @media screen and (max-width: 575px) {
        text-align: center;
        margin-left: 0;
      }

      &__title {
        font-weight: bold;
      }

      &__name {
        font-weight: normal;
      }

      &__mail {

        a {
          text-decoration: none;
          color: white;
        }
      }
    }
  }
}