/* Add custom CSS styles below */
body{
  background-color:#fff7ef !important;
}
.top-navbar , .main-nav-container{
   background-color: #fff7ef;
}
#main-content > section:nth-child(2){
  margin-top: 0px !important;
}
.s-block--fixed-banner .container{
  padding-left: 0px ;
  padding-right: 0px ;
}
.s-button-btn{
    background: #2c2e17;
    color: #fff;
    border: none;
  border-radius:30px;
}

.banner--fixed img{
  border-radius: 0px !important;
}

#main-links-1  .slide--one-sixth{
  width: 25% !important;
}

#main-links-1 .slide--cat-entry{
  height: 13rem;
  background: transparent !important;
  border:none !important;
}

#main-links-1 .slide--cat-entry img{
  width: 11rem;
  height: 11rem;
}
.s-product-card-entry{
  background-color: #eee6dd !important;
  border-radius:30px;
}

.s-slider-block__display-all {
    color: #414042;
    background: #cec1b5;
    padding: 8px 15px;
    border-radius: 23px;
}

.footer-is-light .store-footer .store-footer__inner , #app > div.app-inner.flex.flex-col.min-h-full > footer > div.md\:flex.items-center.justify-between.py-4.container.text-center {
    background-color: #eee6dd;
  color: #2d3117 !important;
}
.copyright-text a , .copyright-text p {
  color: #2d3117!important;
}
.s-block--features__item {
    background: #eee6dd;
}

@media(max-width:768px){
  
 #main-links-1  .slide--one-sixth {
    width: 34% !important;
}
  #main-links-1 .slide--cat-entry{
  height: 13rem !important;
  }
#main-links-1 .slide--cat-entry img{
  width: 10rem;
  height: 10rem;
}
  .slide--cat-entry h2{
    font-size: 10px;
  }
}

@media(max-width:560px){
   #main-links-1 .slide--cat-entry{
  height: 9rem !important;
  }
}