*
{
    padding:0;
    margin:0;
    box-sizing:border-box;
}
body{
    background-image:url('https://thumbs.dreamstime.com/b/beautiful-rain-forest-ang-ka-nature-trail-doi-inthanon-national-park-thailand-36703721.jpg');
    background-size:cover;
    background-position:center;
    font-family:sans-serif;

}
.menu-bar
{
    background:rgb(0,100,0);
    text-align:center;
}
.menu-bar ul{
    display:inline-flex;
    list-style:none;
    color:#fff;
}
.menu-bar ul li{
    width:120px;
    margin:15px;
    padding:15px;
}
.menu-bar ul li a{
    text-decoration: none;
    color:#fff;
}
.active,.menu-bar ul li:hover
{
    background:#2bab0d;
    border-radius:3px;
}
.menu-bar .fa
{
    margin-right:8px;
}
.sub-menu-1{
    display:none;
}
.menu-bar ul li:hover .sub-mnu-1
{
    display:block;
    position:absolute;
    background:rgb(0,100,0);
    margin-left:-15px;
}
.menu-bar ul li:hover .sub-menu-1 ul{
    display:block;
    margin:10px;
}
.menu-bar ul li:hover .sub-menu-1 ul li{
    width:150px;
    padding:10px;
    border-bottom:1px dotted #fff;
    background:transparent;
    border-radius:0;
    text-align:left;
}