/* ===========================
   Large Devices
=========================== */

@media (max-width: 1200px) {

}

/* ===========================
   Tablets
=========================== */

@media (max-width: 992px) {
    /* .navbar__menu{

        display:none;

    }

    .navbar__cta{

        display:none;

    }

    .navbar__toggle{

        display:block;

    } */
    .hero{

    min-height:90vh;

}

.hero__content{

    max-width:100%;

}

.about__wrapper {
        flex-direction: column;
    }


    .about__image {

        max-width: 550px;

    }

    .about__content {

        max-width: 100%;
        text-align: center;

    }

    .section-tag {

        display: inline-block;

    }


    .about .btn {

        margin-inline: auto;

    }
    .gallery__grid {

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

        grid-auto-rows: 200px;

    }

    .gallery__item--wide {

        grid-column: auto;

    }
     .services__grid{

        grid-template-columns:1fr;

    }

    .team__wrapper{

        flex-direction:column;

    }

    .team__ceo{
        position: static;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        width: 100%;
        flex: 1 1 100%;
        align-self: stretch;
    }

    .member-card{

        flex:1 1 calc(50% - .75rem);

    }
    .testimonial-card{

        flex:1 1 calc(50% - .75rem);

    }

     .blog-heading{

        flex-direction:column;

        align-items:flex-start;

    }

    .blog-card{

        flex:1 1 calc(50% - .75rem);

    }
    .cta-contact__wrapper{

        flex-direction:column;

        align-items:flex-start;

    }

    .contact-card{

        width:100%;

    }

    .impact-showcase{

        position:static;

        height:100vh;

        overflow:visible;

    }
    .impact-card{

        position:relative;

        inset:auto;

        opacity:1;

        visibility:visible;

        transform:none;

        display:grid;

        grid-template-columns:1fr !important;

        gap:2rem;

        margin-bottom:5rem;
        text-align: center;
        
    }

     .impact-card__logo{

        margin:0 auto 1.5rem;

    }

    
}



/* ===========================
   Small Tablets
=========================== */

@media (max-width: 768px) {

    .announcement-bar__link{

    min-height:44px;

    font-size:0.85rem;

    padding-inline:0.5rem;

    gap:0.5rem;

}

.announcement-bar__text{

    display:inline;

}

.announcement-bar__arrow{

    white-space:nowrap;

}
/* .site-header{

        top:44px;

    }

    .navbar{

        height:80px;

    }

    .navbar__logo img{

        height:42px;

    } */
    .hero{

    text-align:center;

}

.hero__actions{

    justify-content:center;

}

.hero__description{

    margin-inline:auto;

}

.hero__partners{

    padding:1rem 0;

}

.hero__partners-track{

    gap:3rem;

}
.hero__partners-track img{

    height:32px;

}

.hero__partners-marquee::before,
.hero__partners-marquee::after{

    width:70px;

}
.container{padding: 0 1rem;}
.services__grid{
        grid-template-columns: 1fr;
    }

     .about {

        padding: 0rem;

    }

    .about__title {

        font-size: clamp(2rem, 6vw, 2.8rem);

    }

    .about__text {

        font-size: 1rem;

    }
     .gallery__grid{

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

    }


    .footer__bottom{

        flex-direction:column;

        text-align:center;

    }

    

     

     

}

/* ===========================
   Mobile
=========================== */

@media (max-width: 576px) {
     .announcement-bar__link{
        padding-top: .5rem;
        padding-bottom: .5rem;
  

    min-height:32px;

    font-size:0.85rem;
    line-height: 1.3;

    padding-inline:0.5rem;

    gap:0.2rem;

}
     /* .mobile-menu{

        width:100%;

    } */
     .btn{
        width:100%;
    }
    .hero{

    min-height:820px;

}

.hero__content{
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.hero__title{

    font-size:clamp(2.2rem,8vw,3rem);

}

.hero__actions{

    flex-direction:column;

}
.about {

        padding-block: 4rem;

    }

    .about__wrapper {

        gap: 1rem;

    }

    .about__image {

        max-width: 100%;

    }

    .about__title {

        font-size: 1.5rem;

        line-height: 1.2;

    }
    .stats{

        padding-block:4rem;

    }
    .gallery__grid {

        grid-template-columns: 1fr;

        grid-auto-rows: 260px;

    }

    .gallery__item--tall,
    .gallery__item--wide {

        grid-column: auto;
        grid-row: auto;

    }
    .services{

        padding-block:4rem;

    }

    .section-heading{

        margin-bottom:3rem;

    }

        .services__grid{

        grid-template-columns:1fr;

    }

 .member-card{

        flex:1 1 100%;

    }
     .testimonial-card{

        flex:1 1 100%;

    }
    .blog-card{

        flex:1 1 100%;

    }

}


@media (max-width:480px){

    .gallery__grid{

        grid-template-columns:1fr;

    }

}