body
 {background: url(sand.jpg); text-align: center;
  font-family: "Times New Roman", serif; color: black}
h1
 {font-size: 25px; margin: 70px 0}
p
 {font-family: -apple-system, BlinkMacSystemFont,
  "Segoe UI", Roboto, Cantarell, Arial, sans-serif;
  font-size: 16px; text-align: left;
  margin: 0 0 0.6em 0; line-height: 1.45em}

#container
 {width: 450px; margin: 0 auto; max-width: 95%}
#portrait
 {width: 150px; border: double #860 3px; float: left;
  max-width: 34.1%; margin: 0 40px 10px 0}
#back
 {width: 58px; margin: 0 auto; padding: 45px 0; clear: both}
#back a img
 {border: 0}

@media screen and (max-width: 465px) {
 h1 {font-size: 23px; margin: 55px 0}
 #portrait {margin-right: 9%}
 #back {padding: 30px 0}
 }

@media screen and (max-width: 350px) {
 h1 {font-size: 21px; margin: 35px 0}
 p {font-size: 16px; letter-spacing: 1px}
 #back {padding: 20px 0}
 }

@media screen and (max-height: 480px) {
 h1 {margin: 35px 0}
 #back {padding: 35px 0 0 0}
 }
@media screen and (max-height: 400px) {
 h1 {margin: 15px 0 20px 0}
 #back {padding: 10px 0}
 }
@media screen and (max-height: 350px) {
 h1 {font-size: 23px; margin: 8px 0 12px 0}
 #back {padding: 0}
 }

@media print {
 #back {display: none}
 }