* { box-sizing: border-box; }

img { max-width: 100%; }

.row::after {
    content: "";
    clear: both;
    display: block;
}

.header, .body, .footer { padding: 3%; }

.header, .footer { text-align:center; }

.header { background-color: lightblue; }

.body { background-color: lightgreen; }

.footer { background-color: orange; }

h1,h2,h3,h4,h5 { font-family: sans-serif; color: midnightblue; } 
h1 {  font-size: 150%; font-variant: small-caps; }
h2 {  font-size: 115%; }
h3 {  text-align:left; font-size: 120%; }

a:link { color:blue; text-decoration: none}
a:visited { color:midnightblue; text-decoration: none}*/
a:hover { text-decoration: underline }

ul { list-style-type: square; }
li { padding:1%; }

table, th, td {
    padding:15px;
    border: 1px solid black;
    border-collapse: collapse;
}

@media not screen {
    background-color: white;
    .img {display: none;}
}