/* TABLET */

@media(max-width:992px){

    .hero-content h1{
        font-size:52px;
    }

    .hero-features{
        grid-template-columns:repeat(2,1fr);
    }

    .section-header h2{
        font-size:38px;
    }

    .bottom-cta{
        text-align:center;
    }

}

/* MOBILE */

@media(max-width:768px){

    main{
        padding-top:75px;
    }

    .navbar-brand img{
        height:45px;
    }

    .hero-section{
        padding:100px 0 70px;
    }

    .hero-content h1{
        font-size:38px;
    }

    .hero-content p{
        font-size:16px;
    }

    .hero-buttons{
        flex-direction:column;
    }

    .hero-features{
        grid-template-columns:1fr;
    }

    .feature-box{
        font-size:14px;
    }

    .section-header{
        flex-direction:column;
        align-items:flex-start;
        gap:15px;
    }

    .section-header h2{
        font-size:34px;
    }

    .fabric-body h4{
        font-size:22px;
    }

    .bottom-cta{
        padding:25px;
    }

    .bottom-cta h3{
        font-size:28px;
    }

    .footer-section{
        text-align:center;
    }

    .card-buttons{
        flex-direction:column;
    }

}

/* SMALL MOBILE */

@media(max-width:480px){

    .hero-content h1{
        font-size:32px;
    }

    .btn-gold,
    .bottom-cta a,
    .hero-buttons .btn{
        width:100%;
        text-align:center;
    }

}

@media(max-width:768px){

    .footer-grid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .footer-logo{
        justify-content:flex-start;
    }

}