@media (min-width: 64em) {

    .towns { 
        grid-template-columns: 1fr 1fr 1fr;
    }

    .towns section {
        grid-template-columns: 1fr;
    }

    .towns section h2 {
        grid-column: 1 / 3;
    }
    .towns section p {
        grid-column: 1 / 3;
    }
    .towns section:nth-child(odd) img {
        grid-column: 1 / 3;
    }
    .towns section:nth-child(odd) h2 {
        grid-column: 1 / 3;
    }
    .towns section:nth-child(odd) p {
        grid-column: 1 / 3;
    }
    .towns section img {
        grid-column: 1 / 3;
        grid-row: 6;
    }

    .towns section:nth-child(odd) .town-text {
        grid-column: 1;  
    }
    .towns img {
        width: 300px;
        height: 200px;
    }
    
    

}