.cocktails .intro {
  background-image: url(../img/cocktails/cocktails.jpg);
  background-position: center;
  background-size: cover;
}
@media (max-width: 575.98px) {
  .cocktails .intro {
    background-image: url(../img/cocktails/cocktailsMobile.jpg);
  }
}
.cocktails {
  padding-top: 0;
}
.cocktails header {
  background: transparent;
}

.cocktails .intro div {
  color: var(--white) !important;
}
.cocktails .intro {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.mobile .cocktails .intro .container {
  /* margin-top: calc(var(--headerHeight) + var(--px56)); */
  align-items: start;
  display: flex;
  text-align: left;
  justify-content: start;
}

.mobile .cocktails .intro .container div.title {
  text-align: left !important;
  margin-bottom: 0;
}

.mobile .cocktailDetailList {
  /* padding-top: var(--headerHeight); */
}

@media (max-height: 28.375rem) and (orientation: landscape) {
  .mobile .about .bottle img {
  }
}