A responsive design for Lightbeam

mobile.css

@media (max-width: 320px) {

.content-flex {
    position: relative;
    top: 50px;
    right: 100%;
    z-index: 1;
    width: 100%;
}

.controls {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 50px;
    transition: height .1s;
}

.controls:hover {
    height: 80%;
}

}