.leftbar {
    transition: all 2s ease;
    width:20%;
    height:100%;
    float:left;
    position: relative;
    background-color: #33414e;
}
#leftbarnav{
    width:100%;
}
#leftbarul{
    padding:0;
    margin-top:0;
}
.headItem, .sec-li {
    padding:3%;
    width: 100%;
    margin-bottom: 2%;
    list-style-type:none;
    background-color: #34495e;
}
.sec-li{
    padding-right: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.headItem {
    border-left: 5px solid yellow;
    padding:0;
}
#leftbarnav ul li a {
    display:block;
    line-height:1.2;
    padding: 8px 16px;
    color: #fff;
    text-decoration: none;
    cursor:pointer;
}
#leftbarnav ul li a:hover {
    background-color:  #fff;
    color: #34495e;
}

.ul-secondary-items{
    padding:0;
}
.ul-secondary-items em{
    font-style: normal;
    font-size:90%;
}

.Hamburger{
    position:absolute;
    top:0px;
    left:100%;
    cursor:pointer;
    line-height:1.5;
    color:white;
    width:20px;
    height:20px;
    font-weight:bold;
    background: #34495e;
    z-index:1000;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

ul {
    list-style-type: none;
}