#masthead {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
	padding: 1.5rem 0;
	background-color: #fff;
	z-index: 999;
	transition: all .25s;
}
.logged-in #masthead {
	top: 2rem;
}
#masthead .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.site-logo {
	position: relative;
	z-index: 9;
}
.custom-logo-link { display: block; }
.site-navigation {
	position: relative;
	display: flex;
	align-items: center;
	z-index: 1;
}

#main-menu {
    list-style: none;
	display: flex;
	flex-direction: row-reverse;
	justify-content: end;
	align-items: center;
	gap: 10px;
}
#main-menu .btn-cta a {
	color: #fff;
}
#mainNavbars a {
	color: var(--color-primary);
	font-size: 14px;
	font-weight: 800;
}/*
#mainNavbars li:hover > a,
#mainNavbars li.active > a {
	color: var(--color-secondary);
}*/
.navbar-toggler { display: none; }

.header-space {
    position: relative;
    width: 100%;
}

/* FOOTER */

#footer {
	color: #fff;
	padding: 2.5rem 0 7.5rem;
	background: var(--color-primary);
}
#footer section {
	padding: 1.5rem 0;
	text-align: center;
}
#footer a {
	color: #fff;
}
#footer a:hover {
	opacity: .6;
}


@media (min-width: 768px) {
	#main-menu { gap: 1rem; }
}

@media (min-width: 992px) {
	#main-menu { gap: 2rem; }
}

@media (min-width: 1160px) {
	

}

@media (min-width: 1280px) {

	
}

@media (min-width: 1330px) {


}

@media (min-width: 992px) and (max-width: 1279px) {


}

@media (max-width: 782px) {
	.logged-in #masthead {
		top: 46px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (max-width: 767px) {
	.custom-logo-link { max-width: 105px; }
	#main-menu .btn-cta a { max-width: 152px; padding: 0.25rem 0.5rem; font-size: 12px; line-height: 1.2; }
}