@media only screen and (min-width: 60em) {
    header,
    footer {
        max-width: 900px;
    }

    header {
        font-size: larger;
    }
    
    main {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto;
        max-width: 900px;
    }

    section {
        font-size: large;
        width: auto;
        max-width: 900px;
    }

    main section:nth-child(3) {
        grid-column: 1/2;
    }

    main section:nth-child(3) {
        grid-column: 2/3;
    }

    main section:nth-child(3) {
        grid-column: 3/4;
        grid-row: 1;
    }

    main section:nth-child(4) {
        grid-column: 1/5;
        grid-row: 2;
    }
}