.contact-card {
  display: flex;
  padding: 1em;
  border: 1px solid gray;
  border-radius: 10px;
  .contact-card-left {
    width: 5em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .contact-card-right {
    margin-left: 1.5em;
  }
  .contact-card-title {
    font-size: 1.3em;
  }
  .contact-methods {
    padding: 0;
    list-style-type: none;
    .contact-method {
      display: flex;
      .contact-method-icon {
        opacity: 0.8;
        margin-right: 1em;
      }
    }
  }
}


@media (max-width: $responsive-small) {
  .contact-card {
    padding: .5em;

    .contact-card-right {
      margin-left: .75em !important;
    }
    .contact-method-icon {
      margin-right: .5em !important;
    }
  }
}
