body {
  grid-template-columns: 1fr min(58rem, 80%) 1fr;
}

main p {
  text-align: justify;
}

/* clear floats at each section heading */
h2 {
  clear: both;
}

.img-float {
  float: right;
  margin: 0 0 1.5rem 2.5rem;
  width: 18%;
  max-width: 260px;
  border-radius: 8px;
}

@media (max-width: 600px) {
  .img-float {
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0 0 1rem 0;
  }
}