body {
  width: 100%;
}

/* Allow horizontal scrolling on smaller screens for tables */
@media (max-width: 768px) {
  body {
    overflow-x: auto;
  }
}

.dashlogo {
  margin-right: 850px;
}

@media screen and (max-width: 768px) {
  .dashlogo {
    margin-right: 100px;
  }
}

.hero {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3)), url("../img/hero.jpeg");
  background-size: cover;
  background-position: center;
  /* opacity: 0; */
}