@media all and (min-width: 800px) {
    * {
        /*border: dotted 1px;*/
    }

    body {
        display: grid;
        height: 100vh;
        grid:
        "heading main_content" 30px
        "menu main_content" 100px
        "arrows main_content" 80px
        "text main_content" auto
        "footer main_content" auto /
        1fr 3fr;
    ;
    }

    #heading {
        grid-area: heading;
        height: 20px;
    }

    #menu {
        grid-area: menu;
        display:block;
        font-size: 0.9em;
    }

    #arrows {
        grid-area: arrows;
        display: flex;
        justify-content: space-between;
        margin: 30px 0 30px 0;
    }



    #content {
        width: 100%;
    }

    #text {
        grid-area: text;
        padding: 0;
        font-size: 0.9em;
    }

    #footer {
        position: absolute;
        bottom: 20px;
        left: 20px;
        display: block;
        grid-area: footer;
    }

    #main_content {
        display: block;
        justify-content: center;
        margin: 20px 0 0 20px;
        height: 90vh;
        width: 95%;
        object-fit: contain;
    }

    h3 {
        margin-top: 0;
    }

    /* Canceling stuff that has no relevance to the desktop version */

    #hamburger {
        display: none;
    }

    #project_title {
        display: none;
    }

    #backarrow {
        float: none;
    }

    #nextarrow {
        float: none;
    }
}