body {
  background-color: #feffef;
  font-family: "Lato", sans-serif;
    /*font-weight: 200;*/
  font-style: normal;
}

header a {
  color: #feffef;
}

header a:hover {
  color: #feffef;
}

p {
    font-family: "Lato", sans-serif;
    /*font-weight: 200;*/
    font-style: normal;
  }

h1 {
  font-family: "Montserrat", sans-serif;
  /*font-optical-sizing: auto;
  /*font-weight: 600;*/
  font-style: normal;
  font-size: xx-large;
}

h2 {
  font-family: "Montserrat", sans-serif;
  /*font-optical-sizing: auto;
  /*font-weight: 400;*/
  font-style: normal;
  font-size: x-large;
}

h3 {
  font-family: "Montserrat", sans-serif;
  /*font-optical-sizing: auto;
  /*font-weight: 300;*/
  font-style: normal;
  font-size: larger;
}

nav {
  background-color: #4f5e75;
}

nav a:hover {
  color: #8dc8a7;
}

.navbar-nav {
  width: 100%;
}

.nav-link {
  color: #feffef;
  font-size: large;
}

.nav-button {
  color: #feffef;
}

.small-logo {
  max-height: 85px;
  padding-top: 5px;
  border-top-left-radius: 30px;
}

.navbar-nav .gcse-search {
  margin-left: auto; /* Push search bar to the right */
}

.dropdown:hover > .dropdown-menu {
  display: block;
}

.search-bar, .policy-section, summary {
  border-radius: 15px;
  color: #feffef;
}

.split {
  float: right;
}

header, .search-bar {
  background-color: #004f2b;
  color: #feffef;
}

footer {
  color: #feffef;
}

.policy-section {
  background-color: #004f2b;
  color: #feffef;
}

summary {
  background-color: #004f2b;
  opacity: 75%;
  text-align: center;
}

summary:hover {
  background-color: #8dc8a7;
  opacity: 100%;
  color: #004f2b;
}

footer {
  padding-top: 20px;
}
.search-button {
  background-color: #008b42;
  color: #feffef;
}

.search-button:hover {
  background-color: #8dc8a7;
  color: #004f2b;
}

.social-buttons {
  background-color: #004f2b;
  color: #feffef;
}

.social-buttons:hover {
  background-color: #8dc8a7;
  color: #004f2b;
}

.social-icons {
  max-width: 17px;
}

.mobile-only{
  display: none;
}

@media (max-width: 768px) {
  header .d-flex {
    flex-direction: column;
    align-items: center; /* Center content for better appearance */
  }
  .no-mobile {
    display: none;
  }
  h1 {
    font-size: x-large;
  }
  h2 {
    font-size: large;
  }
  .hours h2{
    font-size: small;
  }
  footer, footer h2 {
    font-size: x-small;
  }
  .mobile-only{
    display: block;
  }

  iframe {
    height: 100%;
    width: 100%;
    aspect-ratio: 7 / 4;
    justify-content: center;
    border-radius: 20px;
  }
  
}

iframe {
  width: 100%;
  height: 100%;
  border-width: 0px;
  overflow-x: hidden;
  aspect-ratio: 4 / 3;
  border-radius: 20px;
}

.navbor a {
  color: #feffef;
}

.image-carousel {
  border-radius: 20px;
}