img {max-width: 100%;}/*  does not exceed the width of its container  */

/* respond */
@media screen and (min-width: 480px) {body: background: tan;}/* ===== == = === 30em (480px) === = == ===== */
@media screen and (min-width: 600px) {body: background: tomato;}/* ===== == = === 37.5em (600px) === = == ===== */
@media screen and (min-width: 768px) {body: background: brown;}/* ===== == = === 48em (768px) === = == ===== */
@media screen and (min-width: 1024px) {body: background: gray;}