@media only screen and (max-width:800px){
   
    .nav_desc{
        font-size: 12px;
    }    
    #nav a{
        padding: 15px;
    }
    #side_menu{
        grid-area: side_menu;
        width: 320px;
        left: 0px;
        align-items: center;
        margin: auto;
    }
    .side_menu{
        text-align: center;
    }
    .cntr{
        display: grid;
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 700px;
        grid-template-areas: "slider" "side_menu";
        text-align: center;
        align-items: center;
        margin: auto;
        justify-content: center;
        padding: 50px 0px 0 0px;

    }
    

    div.scroll-container{
        background-color: pink;
        overflow: auto;
        white-space: nowrap;
        padding: 10px;
        width: 650px;
        border-radius: 15px;
        text-align: center;
        align-items: center;
        margin: auto;
        justify-content: center;
    }
    .slider{
        display: flex;
        scroll-snap-type: x mandatory;
        width: 80%;
        height: 100vh;
    }
    .slider img{
        scroll-snap-align: center;
    }
    div.scroll-container img{
        padding: 10px;
    }
  
}