.headline {
    display: none;
}

@media (min-width: 700px) {
    main {
        grid-template-areas:
            "header   header   "
            "article  nav      "
            "article  bbb      "
            "t1       bbb      "
            "section1 section1 "
            "t2       t3       "
            "footer   footer   "
            ;
    }
}
    @media (min-width: 900px) {
    main {
    grid-template-areas:
        "header   header   header   nav     "
        "article  article  article  article "
        "t1       t2       t3       bbb     "
        "section1 section1 section1 section1"
        "footer   footer   footer   footer  "
    ;
    }
    article {
        display: flex;
    }
    article figure {
        flex: 1 0 auto;
        flex-basis: 400px;
        margin-right: 1.6em;
    }
    article p:first-of-type {
        margin-right: 1.6em;
    }
}