body, html { font-size: 16px }

p { 
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:rgb(50,50,50);
  line-height: 1.6;
  }

.uk-text-lead, .healcode-link { font-size: 1.3rem; font-weight: 600; }

h1,h2,h3,h4,h5,h6 {
  font-family: "Libre Bodoni", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 3px;
}

h1 { font-size:3.5rem; }
h2 { font-size:2.5rem; }
h3, h3.uk-card-title { font-size:1.75rem; }
h4, h4.uk-card-title { font-family: "Montserrat", sans-serif; font-weight:600; font-size:1.75rem; margin:0; padding:0; margin-bottom: 10px; }
.uk-card-header h5 { font-size:1.5rem; margin:0; padding:0 }


.uk-link, a,
a:link, a:visited { text-decoration: none; color: black }
a:hover, a:active { text-decoration: none; color: gray }

#offcanvas-slide a:link, #offcanvas-slide a:visited { color:white; font-size:1.2rem; margin-bottom:10px; }
#offcanvas-slide a:hover, #offcanvas-slide a:active { color: gray; }

.uk-navbar-nav>li>a {
    padding: 0 0;
    color: #999;
    text-transform: uppercase;
    transition: .1s ease-in-out;
    transition-property: color, background-color;
}

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
    color:rgb(50,50,50);  
    min-height: 80px;
    font-size: 1rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    text-decoration: none;
}


.uk-card .uk-card-header {
  padding-top: 30px;
  padding-bottom: 0;
}

.uk-card .price { 
  font-size:3rem; 
  font-family: "Libre Bodoni", serif; 
}


.uk-background-muted { background-color:rgb(210,212,213) }

.uk-section-primary { background:rgb(236,237,238); }


.uk-border-rounded { border-radius: 12px }


#contact p { color:white; font-size: 1rem; }
#contact p.uk-text-lead { color:white; font-size: 1.3rem; }
#contact a { color:white; }

.uk-container { padding-left:40px; padding-right:40px }




@media (min-width: 960px) { 
  #header.uk-padding {
    padding-bottom: 0;
    }
}

@media (max-width: 960px) {
  h1 { 
    font-size:2rem; 
    }
    h2 { 
    font-size:1.75rem; 
    }
    h3 { 
    font-size:1.6rem; 
    }
}


    .gallery-item {
      height: 300px; /* or any height you'd like */
      transition: height 0.5s ease; /* Smooth transition for height changes */
      }
      /* Small screens and up (UIkit’s @s breakpoint) */
      @media (min-width: 640px) {
      .gallery-item {
        height: 300px;
        }
      }
      /* Medium screens and up (UIkit’s @m breakpoint) */
      @media (min-width: 960px) {
      .gallery-item {
        height: 400px;
        }
      } 
      /* Large screens and up (UIkit’s @l breakpoint) */
      @media (min-width: 1200px) {
      .gallery-item {
        height: 500px;
        }
      }

      #faq .uk-accordion-title { font-size: 1.5rem; font-weight: 400; }
      #faq .uk-accordion-container { border-bottom: 2px solid rgb(80,80,80); padding-bottom: 25px; }
      #faq .uk-accordion .uk-accordion-container:first-child { border-top: 2px solid rgb(80,80,80); padding-top: 25px; }
      #faq .uk-accordion-container p, ul { color: white; margin:20px 0 !important; font-size: 1.2rem; }