.primary-header{
  color: var(--primary-header-text-color);
}

.primary-bg{
  background-color: #333999;
}

.secondary-bg{
  background-color: var(--secondary-bg);
}

.button-bg{
  background-color: var(--button-bg);
}

.primary-text-color{
  color: var(--primary-text-color);
}


.nav-bg{
  background-color: var(--nav-bg);
}

.footer-bg{
  background-color: var(--footer-bg);
}

.glide-banner-image{
  aspect-ratio: 1.7777;
  max-height: calc(50vh);
}


.longrect-it {
  width: 100%;
  padding-bottom: 110%;
  position: relative;
}

.ar-1610{ 
  width: 100%;
  padding-bottom: 74.5%;
  position: relative;
}



.ar-yt{ 
  width: 100%;
  padding-bottom: 51.5%;
  position: relative;
}


#main-menu {
  background-color: rgba(223, 223, 223, 0.1);
 }

 #main-menu .logo{
    width: 12rem;
    transition:  width 0.2s ease-in;
 }

 #main-menu.sticky-menu{
    position: sticky;
    top: 0;
    background-color: rgba(225, 225, 225, 0.9);
    transition: background-color 1s ease;
    box-shadow: 0px 0px 8px #999;
 }

 #main-menu.sticky-menu #contact-info{
    display: none;
 }

 #main-menu.sticky-menu .logo{
   width: 8em;
   transition:  width 0.3s ease-in;
 }


#hamburger{
  fill: white;
 }