/*
Responsive rules for the new hero blocks:
.block_stairs (Life Skills overview), .block_teens1214, .block_teens1517, .block_adults (age-group combo pages)

>= 1200
992 - 1199
768 - 991
576 - 768
460 - 576
414 - 460
375 - 414
320 - 375
*/
@media (min-width: 1200px){
    .block_stairs, .block_teens1214, .block_teens1517, .block_adults{
        min-height: 480px;
        padding: 60px 80px;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    .block_stairs, .block_teens1214, .block_teens1517, .block_adults{
        min-height: 440px;
        padding: 50px 60px;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .block_stairs, .block_teens1214, .block_teens1517, .block_adults{
        min-height: 400px;
        padding: 45px 45px;
        background-position: center top;
    }
    .block_stairs .slogan, .block_teens1214 .slogan, .block_teens1517 .slogan, .block_adults .slogan{
        margin-top: 10px;
        max-width: 400px;
    }
}

@media (min-width: 586px) and (max-width: 767px){
    .block_stairs, .block_teens1214, .block_teens1517, .block_adults{
        min-height: 340px;
        padding: 35px 35px;
        background-position: center top;
    }
    .block_stairs .slogan, .block_teens1214 .slogan, .block_teens1517 .slogan, .block_adults .slogan{
        margin-top: 10px;
        font-size: 0.9rem;
        max-width: 320px;
    }
}

@media (min-width: 482px) and (max-width: 585px){
    .block_stairs, .block_teens1214, .block_teens1517, .block_adults{
        min-height: 300px;
        padding: 28px 28px;
        background-position: center top;
    }
    .block_stairs .slogan, .block_teens1214 .slogan, .block_teens1517 .slogan, .block_adults .slogan{
        margin-top: 10px;
        font-size: 0.8rem;
        max-width: 280px;
    }
}

@media (min-width: 414px) and (max-width: 481px){
    .block_stairs, .block_teens1214, .block_teens1517, .block_adults{
        min-height: 260px;
        padding: 22px 20px;
        background-position: center top;
    }
    .block_stairs .slogan, .block_teens1214 .slogan, .block_teens1517 .slogan, .block_adults .slogan{
        margin-top: 0;
        font-size: 0.75rem;
        max-width: 250px;
    }
}

@media (max-width: 413px){
    .block_stairs, .block_teens1214, .block_teens1517, .block_adults{
        min-height: 230px;
        padding: 18px 16px;
        background-position: center top;
    }
    .block_stairs .slogan, .block_teens1214 .slogan, .block_teens1517 .slogan, .block_adults .slogan{
        font-size: 0.7rem;
        max-width: 200px;
    }
}

/* Age-group cards grid (homepage) and curriculum grid (info pages) on small screens */
@media (max-width: 767px){
    .AgeGroups{
        gap: 20px;
    }
    .age-card{
        padding: 22px 18px;
    }
    .curriculum-grid{
        margin: 15px 10px 10px;
    }
    .price-tag{
        margin: 20px 10px 10px;
        font-size: 1.2rem;
        padding: 14px 22px;
    }
}

@media (max-width: 480px){
    .agegroups-title h2{
        font-size: 1.3rem;
    }
    .price-tag{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }
}