.grapper {
    grid-template-areas: "title title title title"
    "int int int int"
    "refs refs refs refs"
    "co co co co"
    "li li li li";
    grid-template-rows: unset;
    grid-auto-rows: auto;

    min-height: calc(100vh - 154px);
}

/* SECTIONS */

#title {
    grid-area: title;
}

#refs {
    grid-area: refs;
}

#main {
    grid-area: int;
}



#intro .inner::before, #refs .inner::before {
    content: none;
}

.article-container img {
    max-width: 300px;
    float: right;
    margin: 1em;
}

/* #refs .inner::before {
    background: white;
} */


@media only screen and (min-width: 60em) {
    .grapper {
        grid-template-areas: "title title int int int int"
        "refs refs refs refs refs refs"
        "li li co co co co";
        /* gap: 2em; */
    }

    #title {
        margin-right: 2em;
    }
}