#Menu p{
    font-size:16px;
    max-width: 200px;
}
body {
  font-family: 'Lato', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Cormorant Garamond', serif;
}
#Menu h4{
    font-size: 12px;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    border-bottom: 1px solid #e8d5a3;
    color: #d4af37
}
#Menu h5{
    color:#2c2416;
    font-weight:500;
}
#Menu p{
     color:#6b6055;
     font-size: small;
}
header h6{
    text-transform: uppercase;
    font-weight: lighter;
}
@media (min-width: 360px) and (max-width: 956px) {

  
  header ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 0;
  }

  header ul li {
    font-size: 11px;
  }

  header img {
    width: 100px;
  }

  
  h1 {
    font-size: 36px;
    letter-spacing: 0.04em;
  }

  h2 {
    font-size: 22px;
  }

  
  .flex.justify-center.gap-30 {
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }

  
  #Menu .flex.w-full {
    flex-direction: column;
  }

  #Menu .w-1\/3 {
    width: 100%;
    border-radius: 0;
  }

  
  .carousel-item {
    width: 180px;
  }

  .carousel-item img {
    width: 180px;
    height: 180px;
  }

  
  footer .flex.justify-between {
    flex-direction: column;
    gap: 32px;
    align-items: center;
    text-align: center;
  }
}