/* Add custom CSS styles below */ 
h1.animate__animated.animate__fadeInUp {
    width: 90%;
    font-size: 48px;
    text-shadow: 2px 2px 2px #B66F40;
}
.landing-page-first-banner .container {
    max-width: 90%;
}
footer.store-footer {
    background: #ffffff;
}
.g_cat  .grid-cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media(max-width:768px){
  h1.animate__animated.animate__fadeInUp {
    width: 62%;
    font-size: 21px;
}
section:nth-child(2 of section.landing-page-first-banner) .container > div {
    align-items: flex-end !important;
    text-align: end !important;
}
  section:nth-child(2 of section.landing-page-first-banner) h1{
    text-align: end !important;
  }
  section:nth-child(2 of section.landing-page-first-banner) img {
    object-position: 60% !important;
}
}