@font-face { 
    font-family: custom_font_regular; 
    src: url("Montserrat-Regular.ttf"); 
  }
  
  .custom-font-regular {
    font-family: custom_font_regular;
  }
  
  @font-face { 
    font-family: custom_font_bold; 
    src: url("Montserrat-Bold.ttf"); 
  }
  
  .custom-font-bold {
    font-family: custom_font_bold;
  }
  
  @font-face { 
    font-family: custom_font_extra_bold; 
    src: url("Montserrat-ExtraBold.ttf"); 
  }
  
  .custom-font-extra-bold {
    font-family: custom_font_extra_bold;
  }
  
  .hidden-scrollbar {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    
  }
  
  .hidden-scrollbar::-webkit-scrollbar {
    /* WebKit */
    display: none;
  }

  .navbar-flex-container {
    display: flex;
    flex-direction: row;
    justify-content: right;
    align-items: center;
    padding-top: 4vw;
    padding-bottom: 4vw;
    background-color: white;
  }

  body {
    overflow-x: hidden;
  }
  
  .red-border{
    border: 1px solid red;
    text-align: center;
  }
  
  .navbar-img-container {
      background-color: white;
      background-image: url("/assets/index_assets/logo.png");
      aspect-ratio: 960/960;
      background-size: cover;
      background-repeat: no-repeat;
      width: 20vw;
      height: 20vw;
      margin-left: 2vw;
  }
  
  .navbar-text-container {
    font-size: 7vw;
    line-height: 6.5vw;
    color: #19994E;
    margin-right: auto;
    margin-left: 1vw;
  }
  
  .navbar-icon-container{
    display: inline-block;
    flex-direction: column;
    margin-right: 4vw;
    margin-bottom: 6vw;
  }
  
  .icon {
    width: 8vw;
    height: 1vw;
    background-color: #19994E;
    margin: 1vw 0;
  }

  
.footer-container {
  background-color: white;
  background-image: url("/assets/index_assets/footer_bg.png");
  aspect-ratio: 360/134;
  background-size: cover;
  background-repeat: no-repeat;
  width: auto;
  height: auto;
  margin-left: -2vw;
  margin-right: -2vw;
  margin-bottom: -2vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
}

.sixth-title {
  text-align: center;
  font-size: 4.5vw;
  line-height: 4.5vw;
  letter-spacing: 1vw;
  color: white;
  margin-bottom: 4vw;
}

.sixth-icon-flex-container {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 8vw;
}

.sixth-mail-img-container {
  background-image: url("/assets/index_assets/mail_icon.png");
  aspect-ratio: 522/536;
  background-size: cover;
  background-repeat: no-repeat;
  width: 10vw;
  height: auto;
}

.sixth-fb-img-container {
  background-image: url("/assets/index_assets/fb_icon.png");
  aspect-ratio: 286/529;
  background-size: cover;
  background-repeat: no-repeat;
  width: 5vw;
  height: auto;
  margin-left: 15vw;
}

.sixth-main-text {
  text-align: center;
  font-size: 2.3vw;
  line-height: 1vw;
  letter-spacing: 0vw;
  color: white;
  margin-bottom: 2vw;
}

.highlighted-text {
  color: #19994E;
}

.title-italics {
  font-style: italic;
}

.main-column-flex-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}

.links-container {
  display: none;
  flex-direction: column;
  align-items: left;
  justify-content: center;
}

.dropdown-link-element {
  color: white;
  background-color: #19994E;
  font-size: 3vw;
  margin-left: -2vw;
  margin-right: -2vw;
  padding-left: 2vw;
  padding-top: 3vw;
  padding-bottom: 3vw;
  text-decoration: none;
}

.dropdown-link-element:hover {
  color: #19994E;
  background-color: white;
}


.desktop-navbar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 1vw;
  margin-top: 0.5vw;
}

.desktop-icon-container {
  background-color: white;
  background-image: url("/assets/index_assets/logo.png");
  aspect-ratio: 960/960;
  background-size: cover;
  background-repeat: no-repeat;
  width: 6vw;
  height: 6vw;
  margin-left: 0vw;
}

.desktop-title {
  text-align: center;
  font-size: 2vw;
  line-height: 1.8vw;
  color:#19994E;
  text-decoration: none;
  margin-left: 0.5vw;
  margin-right: 8vw;
  border-right: 0.3vw solid #19994E;
  padding-right: 1vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
}

.desktop-navbar-text {
  text-align: center;
  font-size: 1vw;
  line-height: 1vw;
  color:#19994E;
  text-decoration: none;
  margin-left: 0vw;
  padding-left: 1vw;
  padding-right: 1vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
}

.desktop-navbar-text:hover {
  background-color: #19994E;
  color: white;
}


.desktop-navbar-text-single {
  text-align: center;
  font-size: 1vw;
  line-height: 1vw;
  color:#19994E;
  text-decoration: none;
  margin-left: 0vw;
  padding-left: 1vw;
  padding-right: 1vw;
  padding-top: 1.5vw;
  padding-bottom: 1.5vw;
}


.desktop-navbar-text-single:hover {
  background-color: #19994E;
  color: white;
}


.desktop-navbar-dropdown {
  position: relative;
  display: inline-block;
}

.desktop-dropdown-title {
  text-align: center;
  font-size: 1vw;
  line-height: 1vw;
  color:#19994E;
  text-decoration: none;
  margin-left: 0vw;
  padding-left: 2vw;
  padding-right: 2vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.desktop-dropdown-icon {
  margin-left: 0.9vw;
}

.desktop-navbar-dropdown:hover .desktop-dropdown-content {
  display: flex;
}

.desktop-navbar-dropdown:hover .desktop-dropdown-title{
  background-color: #19994E;
  color: white;
}

.desktop-dropdown-content{
  display: none;
  flex-direction: column;
  position: absolute;
  background-color: #19994E;
  min-width: 13.7vw;
  z-index: 1;
}

.desktop-dropdown-content > a {
  text-align: center;
  font-size: 1vw;
  line-height: 1vw;
  color: white;
  text-decoration: none;
  padding-top: 1vw;
  padding-bottom: 1vw ;
}

.desktop-dropdown-content > a:hover {
  background-color: white;
  color: #19994E;
}


.desktop-footer-container {
  background-color: white;
  background-image: url("/assets/index_assets/desktop-footer-bg.png");
  aspect-ratio: 1920/418;
  background-size: cover;
  background-repeat: no-repeat;
  width: auto;
  height: auto;
  margin-left: -2vw;
  margin-right: -2vw;
  margin-bottom: -2vw;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: start;
}

.desktop-footer-flex-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  margin-top: 11vw;
}

.desktop-footer-img {
  background-image: url("/assets/index_assets/logo_microbiome_white.png");
  aspect-ratio: 1/1;
  background-size: cover;
  background-repeat: no-repeat;
  width: auto;
  height: 6vw;
  margin-left: 5vw;
}

.desktop-footer-title {
  color: white;
  font-size: 2.5vw;
  line-height: 2vw;
  margin-left: 1vw;
  padding-right: 3vw;
  padding-top: 3vw;
  padding-bottom: 3vw;
  border-right: 0.2vw solid white;
}

.desktop-footer-main-text-first {
  color: white;
  font-size: 1.3vw;
  line-height: 1.2vw;
  margin-left: 1vw;
}

.desktop-footer-main-text-second {
  color: white;
  font-size: 1.3vw;
  line-height: 1.2vw;
  margin-left: 25vw;
}

.desktop-footer-facebook-icon {
  background-image: url("/assets/index_assets/fb_icon.png");
  aspect-ratio: 286/529;
  background-size: cover;
  background-repeat: no-repeat;
  width: 1.5vw;
  height: auto;
  margin-left: 3vw;
}

.desktop-footer-email-icon {
  background-image: url("/assets/index_assets/mail_icon.png");
  aspect-ratio: 522/536;
  background-size: cover;
  background-repeat: no-repeat;
  width: 3vw;
  height: auto;
  margin-left: 6vw;
}

.desktop-footer-copyright {
  color: white;
  text-align: center;
}


@media (max-width: 900px) {
  .desktop-navbar {
    display: none;
  }

  .desktop-main {
    display: none;
  }

  .desktop-footer-container {
    display: none;
  }
}

  
@media (min-width: 900px) {
  .mobile-navbar {
    display: none;
  }

  .mobile-main {
    display: none;
  }

  .footer-container {
    display: none;
  }
}