/*tablet*/

/*mobile*/
@media (max-width: 768px) {
    .bmg-hover-cards {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }

    /*titles*/
    .bmg-hover-cards .bmg-pre-title {
        text-align: center;
    }
    .bmg-titles > .wp-block-group {
        flex-direction: column;
        gap: 15px;
    }
    .bmg-hover-cards .bmg-section-title {
        text-align: center;
        font-size: 40px !important;
    }

    /*hover cards*/
    .ymca-hover-card {
        flex: 0 0 70%;
    }
}