@media only screen and (max-width: 800px) {
    .body-container{
        width: 100%;
    }

    header{
        height: 60px;
        background-size: cover;
        grid-template-columns: 1fr;
    }

    header .logo img{
        height: 60px;
        width: auto;
    }

    header .contact-info{display: none;}

    #menu-mobile{display: flex;}
    #left-bar{display: none;}

    main{
        grid-template-columns: 1fr;
        min-height: calc(100vh - 80px - 110px - 40px);
    }

    main .content{
        height: fit-content;
        overflow: inherit;
        overflow-x: auto;
    }

    footer{
        margin-bottom: 40px;
    }

    #mobile-buttons{
        display: grid;
    }
}