.iconContainer{
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 130;
    float:right;
    position:absolute;
    top:0;
    right: 0;
    padding:10px;
    display: none;

}



.topBar, .middleBar, .bottomBar{
    width: 100%;
    height: 3px;
    margin:  5px 0px ;
    background-color: black;
}




.change .topBar{
   transform: rotate(-45deg) translate(-7px, 3px);
}

.change .middleBar{
    opacity: 0;
}

.change .bottomBar{
transform: rotate(45deg) translate(-7px, -5px);;
}


@media only screen and (max-width:800px){

.iconContainer{
display: block;
}



}