@media(max-width:767px){body{font-size:16.5px;}h1{font-size:2.1rem;}h2{font-size:1.6rem;}}
@media (max-width: 767px) {
  .site-logo img {
    max-height: 44px;
  }
}

@media (max-width: 767px) {

  .site-header .container {
    flex-direction: column;
    gap: 12px;
  }

  .primary-nav ul {
    gap: 16px;
  }

  .article-title {
    margin-top: 1.8rem;
  }

}

@media (max-width: 767px) {

  .site-header .container {
    flex-direction: column;
    gap: 14px;
  }

  .site-logo img {
    max-height: 44px;
  }

  .primary-nav ul {
    gap: 16px;
  }

  .article-title {
    font-size: 2.1rem;
    margin-top: 1.8rem;
  }

}

@media (max-width: 1024px) {

  .article-layout {
    grid-template-columns: 1fr;
  }

  .article-sidebar {
    position: static;
    margin-top: 3rem;
  }

}

@media (max-width: 768px) {

  .archive-card-image img {
    height: 180px;
  }

}