.contact-us-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}

.contact-us-box {
  width: 400px;
  height: 220px;
  background-color: #f2f2f2;
  border-radius: 10px;
  margin: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.volunteer-text{
  font-size: 148px;
}

.contact-us-box i {
  font-size: 48px;
color: #67c9e2;
  margin-bottom: 10px;
}

.contact-us-box h3 {
  font-size: 24px;
  color: #3b3a3a;
  margin-bottom: 10px;
}
.address-text{
 font-size:  22px;
 font-weight:  bold;
}
.contact-us-box p {
  font-size: 18px;
  line-height: 28px;
  color: #7d7d7d;
  margin-bottom: 10px;
}
.volunteer .volunteer-form {
  padding: 90px 50px;
  background: #2eb3e2;
}
.volunteer{
  background-image:  url("../img/donate.jpg"); 
  -webkit-background-size: cover;
  
}
@media screen and (max-width: 768px) {
    .contact-us-container {
      flex-direction: column;
      align-items: center;
    }
  }