.main_page{ 
    display: grid;
    grid-template-columns: 15% 70% 15%;
    grid-template-rows: 93% 7%;
}


.main_page_setup1{
    grid-area: 1/2/2/3;
}
.main_page_setup2{
    grid-area: 2/2/3/3;
}

.main_page_setup3{
    grid-area: 1/1/2/4;
}
.main_page_setup4{
    grid-area: 2/1/3/4;
}







/* .bottom-nav.active{
    
} */

@media(max-width:576px){
    .main_page{ 
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 92% 8%;
    }
    
    .main_page_setup1{
        grid-area: 1/1/2/2;
    }
    .main_page_setup2{
        grid-area: 2/1/3/2;
    }
    .main_page_setup3{
        grid-area: 1/1/2/2;
    }
    .main_page_setup4{
        grid-area: 2/1/3/2;
    }
}