.articles-page-header {
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   padding: 15px 0 30px;

   h1 {
      margin: 0;

      @media screen and (min-width: $xxl) {
         padding-right: 100px;
      }
   }
}

.articles-pager-wrapper {
   display: flex;
   justify-content: flex-end;
   width: 100%;
   float: left;

   > *,
   .pagination {
      width: 100%;
   }

   .pagination {
      padding: 0;
      margin: 0 auto;
      text-align: center;
   }
}

@media screen and (max-width: $xl - 1) {
   .articles-page-header {
      flex-wrap: wrap;

      > div:first-child {
         flex: 100%;
         margin-bottom: 30px;
      }
   }
}
