*
{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body
{
/*background-image: url(great.jpg);
background-size: cover;
background-position: center;
background-size: auto;

font-family: sans-serif;*/
}
.menu-bar 
{
  /*  background: rgb(0,100,0);*/
  /*  background: #ffcccc; */
  
	/*background:  #e5ecff;*/ 

    text-align: center;
}
.menu-bar  ul
{
display: inline-flex;
list-style: none;
/*color: #fff;*/
/*color:#e5ecff;*/
} 

.menu-bar  ul li a
{
width: 120px;
margin: 15px;
padding: 15px
color: #e5ecff;
}
.menu-bar  ul li a
{
text-decoration: none;
 color: #333333;

}
/*.active,*/ .menu-bar ul li:hover
{
  /*  background:#2bab0d;*/
background: #ff6666;
  border-radius: 3px;
}
.menu-bar .fa
{
    margin-right: 8px;
}
.sub-menu-1
{
    display: none;
}
.menu-bar ul li:hover .sub-menu-1
{
display: block;
position: absolute;
/*background:rgb(0,100,0);*/
background: #ffcccc;
margin-top: 15px;
margin-left: -15px;
cursor: pointer;
}
.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;*/
    border-bottom: 1px dotted #1a1a1a;
    /*background: transparent;*/
    border-radius: 0;
    text-align: left;
}
.menu-bar ul li:hover .sub-menu-1 ul li:last-child
{
    border-bottom: none;
}
.menu-bar ul li:hover .sub-menu-1 ul li a:hover
{
color: #990000;
}
.fa-angle-right
{
    float: right;
}

.sub-menu-2
{
    display: none;
}

.hover-me:hover .sub-menu-2
{    
    position: absolute;
    display: block;
    margin-top: -40px;
    margin-left: 140px;
    /*background: rbg(0,100,0);*/
}