/* Transition from the first view into the orchard story. */
.about {
  padding-top: 80px;
  background: #f8fbed;
}

.about-heading,
.products-heading,
.news-heading,
.footer-heading {
  height: 320px;
}

.about-heading span,
.products-heading span,
.news-heading span,
.footer-heading span {
  display: flex;
  flex-direction: column;
  width: min(360px, 78%);
  gap: 15px;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: .14em;
}

.about-heading span::before,
.about-heading span::after,
.products-heading span::before,
.products-heading span::after,
.news-heading span::before,
.news-heading span::after,
.footer-heading span::before,
.footer-heading span::after {
  width: 100%;
  height: 1px;
  content: '';
  background: currentColor;
}

.products-heading small,
.news-heading small { display: none; }

@media (max-width: 700px) {
  .about { padding-top: 42px; }
  .about-heading,
  .products-heading,
  .news-heading,
  .footer-heading { height: 240px; }
  .about-heading span,
  .products-heading span,
  .news-heading span,
  .footer-heading span { width: min(260px, 78%); gap: 12px; font-size: 16px; }
}