@media (min-width: 300px) {
  #logo {
    width: auto;
    height: 16px;
  }
}

@media (min-width: 576px) {
  #logo {
    width: auto;
    height: 24px;
  }
}

#logo {
}

@media (min-width: 300px) {
  div {
  }
}

@media (min-width: 300px) {
  #search {
    height: auto;
    margin-right: 20px;
  }
}

@media (min-width: 768px) {
  .bs-icon-md.bs-icon-rounded.bs-icon-semi-white.bs-icon {
  }
}

body {
  --bs-primary: #ed157a;
  --bs-primary-rgb: 237,21,122;
}

@media (min-width: 576px) {
  .bs-icon-md.bs-icon-rounded.bs-icon-semi-white.bs-icon {
  }
}

@media (min-width: 300px) {
  h2 {
    font-size: 36px;
  }
}

@media (min-width: 576px) {
  h2 {
    font-size: 68px;
  }
}

@media (min-width: 768px) {
  h2 {
    font-size: 58px;
  }
}

@media (min-width: 300px) {
  .container {
    padding-right: 43px;
  }
}

@media (min-width: 300px) {
  #cta-heading {
  }
}

@media (min-width: 768px) {
  #cta-image {
    padding-left: 0px;
  }
}

.btn:hover {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-primary);
  border-color: var(--bs-btn-active-border-color);
}

#btn-cat {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

#btn-cat:hover {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-primary);
}

@media (min-width: 300px) {
  .btn {
  }
}

@media (min-width: 300px) {
  #btn-shop {
    font-size: 0px;
    height: 3rem;
  }
}

@media (min-width: 576px) {
  #btn-shop {
    font-size: 1rem;
  }
}

@media (min-width: 768px) {
  .navbar-nav {
  }
}

@media (min-width: 992px) {
  .navbar-nav {
  }
}

.container {
  /*z-index: -10000;*/
}