.iconContainer{
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 500;
    position:fixed;
    top: 10px;
    right: 10px;
    display: none;
}

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

.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:630px){
    .iconContainer{
        display: block;
    }
}