@media screen and (max-width:800px) {
    .navigation nav{
        display: none;
    }
    .fa-solid.fa-bars{
        display: block;
        font-size: var(--header-font-size-medium);
    }
    .slider{
        padding: 10px;
        align-items: center;
    }
    .slider-text h1{
        font-size: 20px;
        text-shadow: 5px 5px 50px var(--psuedo-light-color);
    }
    .background{
        left: 0%;
        top: 10%;
    }
    .slider-text{
        width: 100%;
    }
    .mission-vision div{
        width: 90%;
    }
    .section5 img{
        width: 100%;
    }
    .hook-sect div{
        position: absolute;
        left: 0;
        top: 0;
        z-index: var(--zindex-overlay);
        align-items: center;
        justify-content: center;
        background-color: #2ecc70b6;
        width: 100%;
    }
    footer .upper div{
        width: 180px;
    }
    #sign-up-form{
        width: 95%;
    }

    /*PROF*/

    .completed-project-full{
        align-items: flex-start;
    }

    /*LISTINGS AND PROVIDERS*/

    .filters-n-listings .top-filters .left .arrangement{
        display: none;
    }

    .main-content .major-filters{
        /* display: none; */
        transform: translateX(-150%);
        position: fixed;
        left: 0;
        top: 0;
        z-index: 10;
        transition: all .3s ease-in-out;
        height: 100vh;
        width: 100%;
    }

    .main-content .major-filters.active{
        transform: translateX(0);
    }

    .filters-n-listings .filters-disp{
        display: block;
    }
}
@media screen and (max-width:450px) {
    .slider{
        flex-direction: column;
    }
    .first-slider-grid{
        width: 250px;
    }
    .services{
        grid-template-columns: auto auto;
    }
    .section3 .statements{
        width: 100%;
    }
    /* .service-body-middle .terms h5{
        flex-direction: column;
        align-items: flex-start;
    } */
    
}