@font-face {
    font-family: 'Redwing Bold';
    src: url('fonts/Redwing-Light.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

html, body {
    font-family: 'Redwing Bold', sans-serif;
    background-color: #003900; /* Dark Green */
    color: #D3C084; /* Light Beige */
    height: 100%;
}

.hero.is-primary {
    background-color: white; /* Light Beige */
    color: #003900; /* Dark Green */
    padding: 10px; /* Remove padding */
    margin: 0; /* Remove margin */
    border-bottom: 5px solid #003900; /* Add green line */
}

.hero-body {
    padding: 0; /* Remove padding */
    margin: 0; /* Remove margin */
}

.logo {
    width: 150px;
    padding: 0; /* Remove padding */
    margin: 0; /* Remove margin */
}

.navbar {
    background-color: #D3C084 !important; /* Light Beige */
}

.navbar-menu {
    background-color: #D3C084 !important; /* Light Beige */
}

.navbar-item {
    color: #003900 !important; /* Dark Green */
    font-weight: bold;
}

.section {
    text-align: center;
}

.title {
    color: #D3C084; /* Light Beige */
}

.navbar {
    background-color: #D3C084; /* Light Beige */
}

a {
    color: #ffffff;
    text-decoration: none;
}

a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.glide__slides img {
    width: 400px; /* Fixed width */
    height: 600px; /* Fixed height */
    object-fit: cover; /* Ensures images fill the box without distortion */
    display: block;
    margin: auto;
}


.glide__arrows {
    display: none;
}

.carousel {
  background: #003900;
}

.carousel-cell {
  margin-right: 20px;
  overflow: hidden;
}

.carousel-cell img {
  display: block;
  height: 200px;
}

@media screen and ( min-width: 768px ) {
  .carousel-cell img {
    height: 400px;
  }
}