/** @format */
.hero-base {
  padding: 30px 0;
  color: #000;
  background-color: white;
  // text-align: center;
  h1 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .hero-base h1 {
    letter-spacing: 0;
  }
}

.section-blog {
  padding: 100px 0 148px;
}
@media (max-width: 1199px) {
  .section-blog {
    padding: 50px 0 80px;
  }
}
@media (max-width: 1023px) {
  .section-blog {
    padding: 80px 0 80px;
  }
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section-blog {
    padding: 40px 0 60px;
  }
}
.section-blog .grid {
  margin-bottom: -78px;
}
@media (max-width: 1199px) {
  .section-blog .grid {
    margin-bottom: -50px;
  }
}
@media (max-width: 1023px) {
  .section-blog .grid {
    margin-bottom: -57px;
  }
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section-blog .grid {
    margin-bottom: -36px;
  }
}
.section-blog .grid .grid__col {
  padding-bottom: 78px;
}
@media (max-width: 1199px) {
  .section-blog .grid .grid__col {
    padding-bottom: 50px;
  }
}
@media (max-width: 1023px) {
  .section-blog .grid .grid__col {
    padding-bottom: 57px;
  }
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section-blog .grid .grid__col {
    padding-bottom: 36px;
  }
}
.section-blog h4 {
  line-height: 1.2;
}
.section-blog .article .article__body {
  padding: 25px 0 0;
}
@media (max-width: 1023px) {
  .section-blog .article .article__body {
    padding: 28px 0 0;
  }
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section-blog .article .article__body {
    padding: 8px 0 0;
  }
}
.section-blog .article .article__body .list-meta-data {
  margin-bottom: 0.4em;
}
@media (max-width: 1023px) {
  .section-blog .article .article__body .list-meta-data {
    margin-bottom: 0.1em;
  }
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section-blog .article .article__body .list-meta-data {
    margin-bottom: 0px;
  }
}
@media (max-width: 1023px) {
  .section-blog .article .article__body h4 {
    margin-bottom: 1.1em;
  }
}
.section-blog .section__foot {
  padding-top: 80px;
}
@media (max-width: 1023px) {
  .section-blog .section__foot {
    padding-top: 56px;
  }
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section-blog .section__foot {
    padding-top: 36px;
  }
}