.banner{
  padding: 8% 0 0;
  @media (max-width: 1399px) {
    padding: 10% 0 0;
  }
  @media (max-width: 991px) {
    padding: 13% 0 0;
  }
  @media (max-width: 767px) {
    padding: 16% 0 0;
  }
  @media (max-width: 575px) {
    padding: 30% 0 0;
  }
  .text-cont {
    margin-top: 25px;
    @media (max-width: 991px) {
      text-align: center;
      br{
        display: none;
      }
    }
    .banner-btns{
      margin-top: 45px;
      padding-bottom: 48px;
      @media (max-width: 1399px) {
        margin-top: 35px;
      }
      a{
        &:nth-child(1){
          margin-right: 20px;
        }
      }
      a.primary{
        padding: 14px 65px;
        font-size: 16px;
        line-height: 26px;
        @media (max-width: 575px) {
          display: block;
          margin-bottom: 20px;
          margin-right: 0;
        }
      }
      a.secondary{
        font-size: 16px;
        line-height: 26px;
      }
    }
    h1.banner-heading{
      span{
        position: relative;
        img{
          position: absolute;
          left: 0;
          bottom: -10px;
        }
      }
    }
  }
  .img-cont{
    align-items: flex-end;
    display: flex;
  }
}