header {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    width: 100%;
}
header a {
    display: block;
}
header * {

    white-space: nowrap;
}
.header-content {
    position: relative;
}
.header-content > * {
    position: absolute;
}

.logo, .menu-important, .hamburger-menu-wrapper {
    top: 0px;
}
.logo, .menu-important, .hamburger-menu-wrapper {
    min-height: 80px; 
    min-width: 30px;
    display: block;
    display: grid;
    grid-template-columns: 100%;
} 

.menu-important a[href*="don"] {
    box-shadow: 0px 0px 0px 5px #FFF, 0px 0px 0px 8px #89D035;
    border-radius: 999px;
    color: #89D035;
    padding-left: 5px;
    padding-right: 5px;
    background-color:#fff;
}
.menu-important a[href*="don"]:hover {
    box-shadow: 0px 0px 0px 5px #89D035, 0px 0px 0px 8px #89D035;
    border-radius: 999px;
    background-color:#89D035!important; 
    color: #FFF;
    padding-left: 5px;
    padding-right: 5px;
} 
.menu-important li.selected a[href*="don"]:not(:hover) {
    background-color: #fff!important;
}
.logo > *, .menu-important > *, .hamburger-menu-wrapper > * {
    margin: auto 0px;
}
.logo {
   left: 0px;
}
.menu-important {
    right: 90px;
}
.hamburger-menu-wrapper {
    right: 0px;
    top: 0px;
}

.content-wrapper {
    background-color: #fff;
    min-height: calc(100vh - 80px);
    display: grid;
    grid-template-columns: 100%;
}
.content-wrapper > * {
    margin: 0px;
}
footer {
    min-height: 80px;
    padding: 20px; 
}
footer  a { 
     color:var(--color_darkest);
}
footer nav li {
    margin-right: 18px;
}
footer nav li a {
    
}
header nav ul li a {
    position: relative;
}
header nav ul li a:not(a[href*="don"]):after {
    content: ' ';
    display: block;
    position: absolute;
    left: 0px;
    width: 0.0001px;
    height: 1px;
    background-color: var(--color_highlights);
    transition: 0.1s ease all;
}
header nav ul li a:hover:after,
header nav ul li.selected a:after {
    width: 100%;
}
header nav ul li.selected a, header nav ul li a:active {
    color: var(--color_highlights);
}
header nav ul li.selected a:after {
    
}
@media only screen and (min-width: 1600px) {
    
    .logo-image {
        margin-top: 10px;
		transform-origin: left center;
        transform: scale(1.35,1.35);
    }
}


@media only screen and (min-width: 1900px) {
    .header-content.max-width-lock {
        max-width: 1680px;
    }
    .logo-image {
		transform-origin: left center;
        transform: scale(1.35,1.35);
    }
}