/* Only applies to home page*/
.et-inset-image {
width:100px;
float:right;
margin-left: 0.8rem;

}

/* The "Hero" image, only on this page, a cute photo.  Put in background of the navigation box, only shows up on wide screens. */
.md-sidebar__scrollwrap {
    background-image: url(/assets/collage/pexels-photo-356192.jpeg);
    background-repeat: no-repeat;
    background-position: top center;
    }

/* For wide screens (i.e. not phones).  1220 was found in mkdocs-material source; "$breakpoint" */
@media screen and (min-width: 1220px) {
  /* In the navigation box, the page title "Home" shows up on top of our hero image.  Hide it. */
  .md-sidebar__inner{
  display:none;
  }

/* Control our "hero" image.  On wide screens, the nav is on (it has identical photo), so turn it off here */
  .et-inset-image {
    display: none;
  }
}