@media(min-width: 32.5em){
    header nav ul{
        display: flex;
        justify-content: space-around;
    }

    nav ul li{
        float: left;
        width: 20%;
    }

    nav ul li a{
        font-size: .7em;
    }

    nav ul .liDrop{
        width: 25%;
    }

    nav ul .liDrop .ulDrop{
        position: absolute;
        width: 20%;
    }

    nav ul .liDrop .ulDrop li{
        width: 100%;
    }

    .content-box .towns{
        max-width: 72em;
    }

    .towns section{
        grid-template-columns: repeat(2, 1fr);
    }

    .towns section img{
        grid-row: 1/6;
    }

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

    .towns section h2{
        font-size: 1.4rem;
    }

    .content-box .sketch{
        width: 30em;
        margin: 0 auto;
    }

    .content-box figure img,
    footer figure img{
        margin: 0 auto;
    }
}