/* ===================================================
   MOBILE & TABLET RESPONSIVE
   Devices: 1024px and below
=================================================== */

@media (max-width:1024px){

    section{
        padding:60px 0;
    }

    .container{
        width:92%;
    }

    h1{
        font-size:2.5rem;
        line-height:1.2;
    }

    h2{
        font-size:2rem;
    }

    h3{
        font-size:1.25rem;
    }

    p{
        font-size:1rem;
    }

    /* HERO */

    .hero-container{
        grid-template-columns:1fr;
        text-align:center;
        gap:30px;
    }

    .hero-content{
        order:2;
    }

    .hero-image{
        order:1;
    }

    .hero-image img{
        max-width:360px;
        margin:auto;
        display:block;
    }

    .hero-info{
        grid-template-columns:1fr;
        gap:15px;
    }

    .floating-card{
        display:none;
    }

    /* UNIVERSAL GRIDS */

    .problem-grid,
    .attend-grid,
    .transformation-grid,
    .learn-grid,
    .testimonial-grid,
    .details-card{

        grid-template-columns:repeat(2,1fr);

    }

    /* COACH */

    .coach-container{

        grid-template-columns:1fr;
        gap:30px;

    }

    .coach-image{

        text-align:center;

    }

    .coach-image img{

        max-width:400px;

    }

    .coach-stats{

        grid-template-columns:repeat(3,1fr);

    }

    /* REGISTRATION */

    .registration-container{

        grid-template-columns:1fr;
        gap:30px;

    }

    /* CONTACT STRIP */

    .contact-strip-content{

        flex-direction:column;
        text-align:center;

    }

    .contact-buttons{

        justify-content:center;

    }

    /* FOOTER */

    .footer-container{

        grid-template-columns:1fr;
        text-align:center;
        gap:40px;

    }

    .social-links{

        justify-content:center;

    }

}

/* ===================================================
   MOBILE
=================================================== */

@media (max-width:768px){

    section{

        padding:40px 0;

    }

    .container{

        width:94%;

    }

    h1{

        font-size:2rem;

    }

    h2{

        font-size:1.7rem;

    }

    h3{

        font-size:1.15rem;

    }

    .section-title{

        margin-bottom:30px;

    }

    /* SINGLE COLUMN */

    .problem-grid,
    .attend-grid,
    .transformation-grid,
    .learn-grid,
    .testimonial-grid,
    .details-card{

        grid-template-columns:1fr;

    }

    .coach-stats{

        grid-template-columns:1fr;

    }

    .registration-form{

        padding:25px;

    }

    .price{

        font-size:2.5rem;

    }

    .details-card{

        padding:20px;

    }

    .card{

        padding:20px;

    }

    .btn{

        width:100%;
        text-align:center;

    }

    .contact-buttons{

        flex-direction:column;
        width:100%;

    }

    .contact-buttons .btn{

        width:100%;

    }

    .social-links{

        flex-direction:row;
        justify-content:center;
        flex-wrap:wrap;

    }

    #floating-register-btn{

        right:15px;
        left:15px;
        bottom:15px;

        width:auto;

        text-align:center;

        padding:16px;

        border-radius:12px;

    }

}

/* ===================================================
   SMALL PHONES
=================================================== */

@media (max-width:480px){

    h1{

        font-size:1.8rem;

    }

    h2{

        font-size:1.45rem;

    }

    .hero-image img{

        max-width:260px;

    }

    .registration-form{

        padding:20px;

    }

    .price{

        font-size:2rem;

    }

}