@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300;400;700&family=Lora:wght@400;500;600;700&display=swap');
* {
  box-sizing: border-box;
}

html,
body {
  width: 100vw;
  padding: 0;
  margin: 0;
  font-family: 'Libre Franklin', sans-serif !important;
  overflow-x: hidden;
  background: #052E37;
  color: #fff;
}

h1, h3 {
  font-family: 'Lora', serif !important;
}

h4 {
  font-weight: 700;
}

a {
  color: inherit;
  text-decoration: none;
}

p {
  font-size: 20px;
}

button {
  font-weight: 200;
}


.carousel-root .thumbs-wrapper {
    margin: 0 !important; 
}

.carousel-root .thumbs-wrapper ul.thumbs {
    margin: 0;
    padding: 0;
}

.carousel-root .thumbs-wrapper li.thumb {
    margin-right: 0;
    padding: 0;
    border: 0;
    opacity: 0.9;
    transition: 0.3s;
}

.carousel-root .thumbs-wrapper li.thumb.selected {
    margin-right: 0;
    padding: 0;
    opacity: 1;
}

.gallery ul li.slide img {
  display: none !important;
}



@media (max-width: 768px) {
  p {
    font-size: 16px;
  }
}

a:hover {
    color:#947042 !important
}