.custom-navbar{   
    min-width:100vw; 
    margin: 20px 0 20px 0;
}

.custom-navbar-link{
    margin-top: 15px;
    letter-spacing:.4em!important;
    font-size:16px!important;
}

.custom-dropdown-item{
    letter-spacing:.2em!important; 
} 
#navbarlogo {  
    margin-left:4.2vw;
    cursor: pointer;
 }

@media (max-width: 500px) {
    #navbarlogo { 
        width:65px;
        height: 65px;
     } 
}

.wrapper{
    position: fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-color:rgba(0, 0, 0, 0.9); 
    clip-path: circle(0px at calc(100vw - 5.5vw) 50px);
    transition: all 0.35s ease!important;
}


.wrapper ul{
    position: absolute;
    top:50%;
    left:50%;
    width:100%;
    transform: translate(-50%,-50%);
    list-style: none;
    text-align: center;
}

.wrapper ul li{
    margin:6vh 0;
}

.wrapper ul li a{
    color:white!important;
    text-decoration: none!important;
    font-size: 4vh;
    font-weight: 800;
    cursor: pointer;
} 


#helperCheckbox:checked ~ .wrapper{
    clip-path: circle(100%);
}

#helperCheckbox:checked ~ .menu-btn{
    background: white;  
}

#helperCheckbox:checked ~ .menu-btn #navbar_bars_icon{
    color:black!important; 
}

#helperCheckbox:checked ~ .menu-btn i:before{
    content :"\f00d"; 
    line-height: 38px;
}

#navbar_bars_icon{
    color:white!important;
}

.menu-btn{
    position: absolute;
    right:5vw;
    top:35px;
    z-index: 2;
    text-align: center;
    line-height: 38px;
    height: 40px;
    width: 40px;
    font-size: 15px;
    font-weight: 500;
    background: black;
    border-radius: 50%;    
    cursor:pointer;
    transition: all 0.2s ease;
} 

#helperCheckbox{
    display:none;
}

#navbar_logo_text{  
    margin-left:10px;
    margin-top:20px;
    font-size: 20px; 
    cursor:default;
}