.contact-card {
  width: 1000px;
  height: 500px;
  border: solid 2px #EE174A;
  border-radius: 15px;
}

h3 + p,
h3 {
  margin: 0;
}

h3 {
  font-weight: 700;
}

.pink {
  color: #EE174A;
}

.contact-card a {
  text-decoration: none;
  color: black;
}

.contact-card a:hover {
  color: #EE174A;
}

.contact-card i {
  color: #EE174A;
  margin-right: 2rem;
  border: solid 2px #EE174A;
  padding: .6rem;
  border-radius: 50%;
}

.contact-card .d-flex .d-flex:last-child {
  border-left: #EE174A solid 2px;
  height: 300px;
  padding: 3rem;
  justify-content: center;
}

.contact-card .d-flex .d-flex:last-child a:first-child {
  margin-bottom: 1rem;
}

.contact-info .d-flex {
    flex: 0 0 auto;
    width: 50%;
}

@media only screen and (max-width: 768px) {

  h2 {
    margin-top: 2rem;
  }

  .container h2,
  .container p {
    margin-left: 1rem;
  }

  .contact-card {
    width: 350px;
  }

  .contact-info {
    flex-direction: column;
  }

  .contact-info .d-flex {
    width: 100%;
  }

  .contact-card .d-flex .d-flex:last-child {
    border-left: 0;
    border-top: #EE174A solid 2px;
    height: 300px;
  }

  .contact-card .d-flex .d-flex:last-child {
    padding: 0;
    padding-top: 1rem;
    justify-content: flex-start;
    padding-left: 1rem;
  }

}