.filler {
	height: 50px;	
}

.header {
	padding: 16px 26px;
	position: sticky;
	top: 0;
	z-index: 1000;
	background-color: var(--white);
	width: 100%;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 8px rgba(0,0,0,0.24);
}

.nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.custom-logo-link img {
	display: block;
	height: auto;
	width: 70px;	
}

.menu {
	display: flex;
	flex-direction: column;
}

.nav-wrap {
	display: none;
	position: absolute;
	width: 100%;
	height: auto;
	background-color: #c5dcea;
	top: 88px;
	padding: 30px 30px 80px 30px;
	left: 0;
}

.mobile-trigger {
	cursor: pointer;
	width: 30px;
}

.mobile-trigger .open {
	width: 100%;
}
.mobile-trigger .close {
	width: 100%;
}

.mobile-trigger .close {
	display: none;
} 

.mobile-trigger.opened .close {
	display: block;
}

.mobile-trigger.opened .open {
	display: none;
}

.menu li a {
	display: block;
	padding: 15px 10px;
	color: var(--black);
}

.menu li:last-child a {
	padding-right: 0;
}

.footer {
	margin-top: 60px;
	border-top: 1px solid;
}

.footer .menu {
	align-items: center;
}

.footer .menu-header-menu-container, #menu-footer-menu {
	padding: 16px 0;
}

.copyright {
	text-align: center;
	margin-bottom: 60px;
}

@media (min-width: 992px) {
	.menu {
		flex-direction: row;
	}

	.footer .menu {
		justify-content: center;
		align-items: flex-end;
	}

	.menu li a {
		color: var(--primary-deep);
	}

	.nav-wrap {
		display: flex;
	} 

	.mobile-trigger {
		display: none;
	}

	.nav-wrap {
		display: flex;
		position: static;
		width: auto;
		height: auto;
		background-color: transparent;
		padding: 0;
	}

}