/* Home page image sizing: show image and intro together on most screens */
#main-content img.start {
  max-width: min(320px, 40vw);
  height: auto;
  margin: 0 1rem 0.5rem 0;
}

@media (max-width: 600px) {
  #main-content img.start {
    max-width: 40vw;
    margin: 0 0.75rem 0.5rem 0;
  }
}

@media (min-width: 1100px) {
  #main-content img.start {
    max-width: 360px;
  }
}

/* Ensure lists/sections don't wrap around the image unintentionally */
#main-content h3,
#main-content ul,
#main-content ol {
  clear: both;
}
