.home-news {
   margin-bottom: 65px;

   .h1 {
      flex-grow: 1;
   }

   .more-articles-resp {
      display: none;
   }

   @media screen and (max-width: $xl - 1) {
      .article-item:nth-child(3) {
         display: none;
      }
   }

   @media screen and (max-width: $md - 1) {
      .more-articles-resp {
         display: block;
         margin: 30px auto 0;
      }
   }

   @media screen and (max-width: $sm - 1) {
      .article-item:nth-child(2) {
         display: none;
      }

      .article-item {
         padding: 0;
      }

      .content {
         padding: 0 50px;
      }

      .more-articles-resp {
         width: calc(100% - 80px);
      }

      img {
         max-width: none;
         width: 100%;
      }
   }

   @media screen and (max-width: $xs - 1) {
      .content {
         padding: 0 10px;
      }

      .more-articles-resp {
         width: 100%;
      }
   }
}
