.featured-article-section {
  padding-top: 40px;
  padding-bottom: 80px;
  background-color: var(--color-white);

  .featured-article-container {
    margin-top: 2.8vw;
  }

  .featured-article-image {
    img {
      width: 100%;
      height: auto;
    }
  }

  .featured-article-content {
    margin-top: 2.8vw;

    .article-tags a {
      color: var(--color-gray);
      text-decoration: none;
    }

    .article-tags a:hover {
      color: var(--color-black);
    }

    h3 {
      margin-top: 2.8vw;
    }

    .featured-article-excerpt {
      margin-top: 2.8vw;
    }
  }
}

@media (min-width: 750px) {
  .featured-article-section {
    .featured-article-container {
      display: flex;
      align-items: center;
    }

    .featured-article-image,
    .featured-article-content {
      flex: 1;
    }

    .featured-article-content .inner {
      padding-left: 5vw;
    }
  }
}

@media (min-width: 1024px) {
  .featured-article-content .inner {
    padding: 0 6.7vw;
  }
}