.hero {
    width: 100%;
    margin: 0;
    padding: 0;
}

.hero img {
    display: block;        /* removes bottom gap */
    width: 100%;
    height: auto;
    max-height: 60vh;      /* optional, prevents giant images */
    object-fit: cover;
    object-position: 0 25%; /* 0 horizontal, 25% vertical */
}





@media (min-width: 992px) { /* desktop only */
  .navbar-nav {
    flex-wrap: wrap;
  }

  .navbar-nav .nav-item {
    white-space: nowrap;
  }
}


.nested-sortable {
  margin-left: 20px;
}
.drag-handle {
  cursor: move;
}