Untitled

.path-frontpage {
  .main__wrap {
    padding-bottom: 0;
  }

  .region-content {
    .block-views-blockarticles-block-recent,
    .block-views-blockprojects-block-recent {
      .view-id-projects,
      .view-id-articles {
        .view-header {
          @media #{$mq-max-xs} {
            margin-bottom: 21px;
            margin-top: 0;
          }

          .heading {
            @media #{$mq-max-xs} {
              position: static;
            }
          }

          h2 {
            @media #{$mq-max-xs} {
              display: block;
              font-size: 30px;
              margin: 0;
              padding-bottom: 20px;
              text-align: center;
              width: auto;
            }

            @media #{$mq-max-3xs} {
              font-size: 24px;
              padding-bottom: 10px;
            }
          }

          a {
            @media #{$mq-max-xs} {
              bottom: 0;
              display: block;
              left: 0;
              line-height: 2.25;
              margin-bottom: 20px;
              padding-top: 20px;
              text-align: center;
              top: auto;
            }
          }
        }
      }

      @media #{$mq-max-xs} {
        padding-bottom: 80px;
        padding-top: 36px;
        position: relative;
      }
    }
  }

  .block-views-blockprojects-block-recent {
    .slick-initialized {
      .slick-track {
        margin-bottom: 5vh;
      }
    }
  }


  .block-steelselect-supplier-filter-homepage-block {
    margin-bottom: 25px;

    .page-header {
      margin-bottom: 50px;
      padding-bottom: 25px;

      @media #{$mq-max-xs} {
        font-size: 30px;
        margin-bottom: 22px;
        padding-bottom: 20px;
        text-align: center;
      }

      @media #{$mq-max-3xs} {
        font-size: 24px;
        padding-bottom: 10px;
      }
    }
  }

  .block-views-blockarticles-block-recent {
    margin-bottom: 80px;
    padding-top: 28px;

    @media #{$mq-max-xs} {
      margin-bottom: 20px;
    }
 }

  .brand-strip {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 46px 0;

    img {
      height: 36px;
      margin: 20px 33px;
      width: 120px;
    }

    @media #{$mq-max-xs} {
      display: none;
    }
  }
}