.flyout {
	 position: fixed;
	 top: 0;
	 left: -100%;
	 width: 100%;
	 height: 100vh;
	 transition: left 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	 z-index: 1001;
	 display: flex;
}

.flyout.visible {
	 left: 0;
}

.flyout.visible .flyout-transp {
	 opacity: 1;
}

.flyout.vis-hidden {
	 visibility: hidden;
}

.flyout .flyout-transp {
	 background: rgba(0, 0, 0, .6);
	 flex-grow: 1;
	 box-shadow: inset 20px 0px 20px -15px rgba(0, 0, 0, .75);
	 height: 100vh;
	 opacity: 0;
	 transition: opacity 0.3s cubic-bezier(0.2, 0.7, 0.12, 1);
	 border: 0;
}

.flyout .flyout-content {
	 background-color: #fff;
	 padding: 30px;
	 color: black;
	 box-sizing: border-box;
	 scrollbar-width: thin;
	 width: 90%;
	 height: 100dvh;
	 overflow-y: auto;
}
 @media (min-width: 768px) {
	 .flyout.flyout-menu .flyout-content {
		 width: 400px;
		
	}
}

.flyout .flyout-content .flyout-headline {
	 display: flex;
	 margin-bottom: 40px;
}

.flyout .flyout-content .flyout-headline .flyout-logo{
	display:flex;
	align-items:center;
	line-height:1.25;
	color:black;
	font-size:1rem;
	text-decoration:none;
}	


 .flyout .flyout-content .flyout-headline .flyout-logo img {
	 height: 50px;
	aspect-ratio: 130 / 350;
	margin-right:10px;
	filter: brightness(0);
}

 .flyout .flyout-content .flyout-headline .flyout-close {
	 margin-left: auto;
	 position: relative;
	 width: 30px;
	 height: 30px;
	 opacity: 0.5;
	 background: none;
	 border: none;
}
 .flyout .flyout-content .flyout-headline .flyout-close:hover {
	 opacity: 1;
}
 .flyout .flyout-content .flyout-headline .flyout-close:before, .flyout .flyout-content .flyout-headline .flyout-close:after {
	 position: absolute;
	 left: 14px;
	 top: 4px;
	 content: ' ';
	 height: 22px;
	 width: 3px;
	 background-color: #000;
}
 @media (forced-colors: active) {
	 .flyout .flyout-content .flyout-headline .flyout-close:before, .flyout .flyout-content .flyout-headline .flyout-close:after {
		 background-color: WindowText;
	}
}
 .flyout .flyout-content .flyout-headline .flyout-close:before {
	 transform: rotate(45deg);
}
 .flyout .flyout-content .flyout-headline .flyout-close:after {
	 transform: rotate(-45deg);
}
 .flyout .flyout-content ul {
	 list-style-type: none;
	 padding: 0;
	 margin: 0 0 40px 0;
}
 .flyout .flyout-content ul li {
	 margin: 4px 0;
}
 .flyout .flyout-content ul li.title {
	 color: #000;
	 margin-bottom: 10px;
	 text-transform: uppercase;
	 letter-spacing: 1px;
	 font-family: 'Flama';
	 font-weight: bold;
	 color: #555;
	 font-size: 14px;
	 display: inline-block;
	 border-bottom: 3px solid #fc0;
}
 .flyout .flyout-content ul:target {
	 border-left: 4px solid #fc0;
	 padding-left: 10px !important;
}
 .flyout .flyout-content ul.social-media img {
	 width: 30px;
	 height: 30px;
}
 .flyout .flyout-content a {
	 text-decoration: none;
	 padding: 3px 0;
	 display: block;
	 
}
 .flyout .flyout-content a:hover {
	 text-decoration: underline;
}

body.noscroll {
    overflow-y: scroll;
    position: fixed;
    width: 100%
}