.header
{
    justify-content: space-between;
}
.menu
{
    background-color: green; 
    width: 100%; 
    height: auto;
}
.menu input 
{
    display: none;
}
.menu label
{
    display: none;
   font-size: 1.8rem;
   color: white;
}
.menu ul
{
    list-style: none;
}
.menu ul li 
{
    float: left;
    position: relative;
}
.menu ul li a , .menu ul li ul li a
{
    font-size: 0.9rem;
    color: white; 
    transition: all .2s ease;
    text-decoration: none;
}
.menu ul li a:hover
{
    background-color: red;
}
.menu ul li ul
{
    height: 130px;
    right: 0;
    min-width: 300px;
    background: green;
}
.menu ul li ul li
{
    margin-left: 0;
     width: 100%;
}
.menu ul li ul li:hover
{
    background-color: red;
}
.menu ul li a.active
{
    background-color: red;
}