.contact {
  &__info-container {
    max-width: 930px;
    margin-top: 4em;
  }
  &__info-box {
    width: 100%;
    height: 200px;
    border-radius: 25px;
    -webkit-box-shadow: 0px 4px 17px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 4px 17px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 4px 17px -5px rgba(0,0,0,0.75);
    background-color: $color-white;
    padding: 1.5em 4em;
    display: flex;
    display: -webkit-flex;
    align-items: center;

    p {
      font-family: 'Helvetica-Regular', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
      line-height: 1.2;
    }
  }
}

/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
// DESKTOP RESPONSIVE NESS 992px ---------------------
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
@include media-query(lg) {
  .contact {
    &__info-container {
      &.container {
        max-width: 860px;
      }
    }
  }

}

/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
// TABLET RESPONSIVE NESS 992px ---------------------
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
@include media-query(md-2) {
  .contact {
    &__info-container {
      &.container {
        max-width: 720px;
        padding-right: 40px;
      }
    }
  }

}

/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
// MOBILE RESPONSIVE NESS 768px ---------------------
/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
@include media-query(md) {
  .contact {
    &__info-container {
      &.container {
        max-width: 100%;
        padding-right: 15px;
      }
    }

    &__info-box {
      margin-bottom: 1em;
      height: auto;
    }
  }

}