#logo .cls-1 {
    fill: white;
    fill-rule: evenodd;
}
#logo .cls-2{
    fill: white;
}
.activation{
    background: white;
    border-bottom: 1px solid rgb(238, 238, 238);
}
.activation #logo .cls-1{
    fill: #e7242e;
}
.activation #logo .cls-2{
    fill: #1b4ca8;
}
.activation ul{
    color: #111;
}

.menu-item:hover>ul{
    display: block;
}

.nav_btn{
    width: 2rem;
    height: 2rem;
    position: relative;
}

.nav_btn>span{
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: white;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
}
.nav_btn>span:before{
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: white;
    position: absolute;
    left: 0;
    top: -0.5rem
}

.nav_btn>span:after{
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: white;
    position: absolute;
    left: 0;
    top: 0.5rem
}
.activation .nav_btn>span,
.activation .nav_btn>span:before,
.activation .nav_btn>span:after{
    background: #111;
}