@media only screen and (max-width: 700px) {
    main, footer{width:95%;
                margin:auto;}
    .bexed {grid-template-columns: 1fr 1fr;}

    .boxed img:hover {box-shadow:none;
                }

    .townie {
            display: flex;
            flex-direction: columns;
        }
                  
    .townie article:nth-child(odd) {
            flex-direction: row-reverse;
        }
}