@charset "utf-8";

    .menu{
        list-style-type: none;
        margin: 0;
        padding: 0;
        background-color: black;
        overflow: hidden;
	}
	
	ul{
        list-style: none;
    }

    .menu li>a{
        background-color: black;
        color: white;
        padding: 14px 16px;
        display: block;
        text-decoration: none;
    }

    .menu li>a:hover{
        color: white;
        background-color: #7B241C;
    }

    .menu>li{
        float: left;
        text-align:center
    }

    .menu>li>ul{
        display: none;
        position:absolute;	
    }

    .menu>li:hover>ul {
        display:block;
    }
    
    @media screen and (max-width: 600px) {
        .menua:not(:first-child) {display: none;}
        .menu>li:hover>ul {float: right;display: block;}
    
    
    .menu>lia{
        position: absolute;
        right: 0;
        top: 0;
    }
    
    .menu a{
    float: none;
    display: block;
    text-align: left;
    }
    
    }