.bmg-home-hero .bmg-hero-buttons {
    justify-content: start;
}

/*tablet*/

@media (max-width: 992px) {
    /*container*/
    .bmg-home-hero .bmg-buttons-row {
        padding-bottom: 160px !important;
    }
    .bmg-home-hero .bmg-heritage-row {
        margin-top: 100px !important;
    }

    .bmg-home-hero .bmg-heritage-row,
    .bmg-home-hero .bmg-title-row,
    .bmg-home-hero .bmg-sub-title-row,
    .bmg-home-hero .bmg-buttons-row {
        padding-right: 20px !important;
    }

    /*titles*/
    .bmg-home-hero .bmg-hero-title {
        font-size: 90px !important;
    }

    .bmg-home-hero .wp-block-ymca-slider.is-style-vertical-arrows-right .splide__arrow {
        top: unset !important;
        bottom: 40px !important;
        transform: none;
    }
    .bmg-home-hero .wp-block-ymca-slider.is-style-vertical-arrows-right .splide__arrow.splide__arrow--prev {
        left: 20px;
    }
    .bmg-home-hero .wp-block-ymca-slider.is-style-vertical-arrows-right .splide__arrow.splide__arrow--next {
        left: 90px;
    }

    .bmg-home-hero .ymca-slider.is-background-slider .splide__pagination {
        top: unset !important;
        bottom: 40px !important;
        right: 20px;
        transform: translateY(-50%);
        display: flex;
        flex-direction: row;
    }
}

/*mobile*/

@media (max-width: 768px) {
    /*container*/
    .bmg-home-hero .bmg-buttons-row {
        padding-bottom: 140px !important;
    }
    .bmg-home-hero .bmg-heritage-row {
        margin-top: 80px !important;
    }

    /*heritage row*/
    .bmg-heritage-row {
        flex-direction: column;
        gap: 15px;
    }

    /*titles*/
    .bmg-home-hero .bmg-hero-title {
        font-size: 60px !important;
    }
    .bmg-hero-sub-title {
        font-size: 22px !important;
    }
}

/*really small phones*/

@media (max-width: 350px) {
    /*titles*/
    .bmg-home-hero .bmg-hero-title {
        font-size: 40px !important;
    }
    .bmg-hero-sub-title {
        font-size: 18px !important;
    }

    /*buttons*/
    .bmg-home-hero .bmg-hero-buttons {
        flex-direction: column;
    }
}