/* Add at the TOP of your CSS file */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%; /* Your property - keep it */
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
  padding: 0;
}
.post-hero {
  min-height: 70vh;
  padding: 200px 0 150px;
  background: linear-gradient(180deg, rgb(0 0 0 / 71%) 100%), var(--post-hero-image);
  background-size: cover;
  background-position: center;
}

.post-hero .container {
  padding-left: 20px;
  padding-right: 20px;
}



@media (max-width: 768px) {
  .post-hero {
    padding: 250px 0 90px;
  }

  .about-hero__title br {
    display: none;
  }

  .about-hero__content {
    text-align: left;
  }
}