nav.nav-pink {
  z-index: 3;
  min-height: 58.59px;
  background-color: #380021;
}

#nav-bar a:hover {
  color: #dfdfdf !important;
}

section, [id]:not(#top) {
  scroll-margin-top: 90px; 
}


#hero-img {
  margin-top: -58.59px; 
  background-image: url('../img/hero.jpg');
}

div.mask {
  background-color: hsl(0, 0%, 0%, 0.6);
}

h1.brand-name {
  font-family: "Ephesis", cursive;
  font-size: 4rem;
}

footer h2.brand-name {
  font-family: "Ephesis", cursive;
  font-size: 1.5rem;
}

.btn-secondary {
  background-color: #ffd9ef;
  color: #380021;
}

.btn-secondary:hover {
  background-color: #fff1f9;
  color: #7c0048;
}

.bg-pink {
  background-color: #ffd9ef;
}

.bg-pink-light {
  background-color: #ffdff2;
}

h2.text-pink,
h3.text-pink {
  color: #380021;
}

.price-item h4 {
  font-size: 1rem;
}

.price-item p {
  font-size: .9rem;
}

.price-item .price {
  font-size: 1rem;
}

#contact i.text-pink {
  color: #380021;
  margin-right: 1rem;
}

#contact a {
  color: #4f4f4f;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  text-decoration-color: #4f4f4f66; 
}

#contact a:hover,
#contact a:active {
  text-decoration-color: #4f4f4f66; 
}

#contact h3.text-pink {
  font-size: 1rem;
}

/* Styling for your icon tray / container */
.notino-link {
  display: inline-block;
  transition: opacity 0.2s ease-in-out;
}