.hero-index {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/assets/images/3a.jpg');
}

.hero-food-menu {
  justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;
  background: no-repeat center center fixed; 
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/assets/images/hero_index_2_1_1_1.jpg');
}

.hook-button {
  border: solid;
  font-family: "bankgothic medium";
  color: grey;
  font-weight: bolder;
  background: transparent;
  font-size: x-large;
  padding: 15px 15px 15px 15px;
  cursor: pointer;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 0.25em;
}