/* The homepage's plant-card ".row" sits directly inside <main>, not a
   ".container" -- Bootstrap's .row carries -15px left/right margins meant
   to be offset by a container's padding, and with no container there they
   push 15px past the right edge of the viewport. Desktop hides this (it's
   invisible against a wide screen), but on mobile it lets the whole page
   be dragged sideways. Clipping it here is simpler than restructuring the
   markup on every page that has this pattern. */
html, body {
  overflow-x: hidden;
}

.nav-link:hover {
  /*font-size:110%;*/
  /*color:white;*/
  border:inset;
  /*text-transform:uppercase;*/
  border-color:rgb(52,94,150);
  border-radius:10px;
}

.nav-link {
  /*margin:5px;*/
  /*flex-flow:wrap;*/
  /*padding:1px;*/
}

#home {
}