@media (max-width: 767px) {
  .email p {
    font-size: 1rem;
  }
  .btn {
    font-size: 1.8rem;
  }
  .email h3 {
    font-size: 1.5rem;
  }
  .sns-btn {
    height: 85px;
    width: 85px;
  }
}

@media (min-width: 768px) {
  .email p {
    font-size: 1.5rem;
  }
  .btn {
    font-size: 2rem;
  }
  .email h3 {
    font-size: 2rem;
  }
  .contact-contents {
    display: flex;
  }
  .mail-info {
    width: 40%;
  }
  .sns-info {
    width: 40%;
  }
  .sns-btn {
    height: 100px;
    width: 100px;
  }
  
}

.email p {
  margin: 1rem 0 2rem;
  line-height: 2;
  color: #432;
}

.email {
  max-width: 916px;
  background-color: #faf7f0;
  border-radius: 48px;
  padding: 1.5rem 2.5rem 2.5rem;
  margin: 0 2rem 2rem;
}

.btn {
  display: inline-block;
  background-color: #0bd;
  color: #fff;
  border-radius: 8px;
  padding: .75rem 1.5rem;
  transition: .5s;
}

.email h3 {
  color: #432;
  padding-bottom: 2rem;
}

.sns {
  display: flex;
  justify-content: space-around;
}