@media (max-width: 576px) {
  .five-boxes .box {
    flex: 1 1 33.333%;
    border-bottom: 1px solid #c5c5c5;
  }
  .five-boxes .box:nth-child(3n) {
    border-right: none;
  }

  .about-section {
    margin-top: 30%;
  }
}
@media (min-width: 576px) and (max-width: 1024px){
    .hero-section {
    margin-top: 14%;
}
}