.hero-about {
  color: red;
  padding: 80px 20px;
}

.hero-about img {
  margin-left: 100px;
}

.hero-about h2 {
  font-size: 60px;
  margin: 20px;
}

.hero-about p {
  margin: 20px;
}

.hero-about h3 {
  font-size: 50px;
  margin: 80px 40px 40px 40px;
  text-align: center;
}

.certificates {
  margin: 40px;
}

@media (max-width: 800px) {
  .hero-about h2 {
    text-align: center;
    font-size: 40px;
  }

  .hero-about h3 {
    text-align: center;
    font-size: 30px;
  }
  .hero-about img {
    display: block;
    margin: 0 auto;
  }
}