#animation-controls {
    display: none; /*initially hidden*/
    margin-right: 0;
    margin-left: 0;
    z-index: 1001;
    background-color: white;
    border: #999 1px solid;
    padding: 10 30px;
    /* width defined per screen size, below */
    position: absolute;
    right: 0px;
    top: 61px;
}
#animation-controls #animation-controls-display-toggle {
    position: absolute;
    left: 7px;
    top: 6px;
}
#animation-controls .top-container {
    padding: 5px 0 10px 0;
    margin-left: 25px;
}

#animation-controls .inner-container > .row {
    margin: 10px 0 0 0;
}

#legend-label {
    margin-top: 0;
}

/* larger devices */
@media (min-width: 769px) {
    #animation-controls {
        width: 400px;
    }
}
/* smaller devices */
@media (max-width: 768px) {
    #slider-container {
        display: none;
    }
}
@media (max-width: 400px) {
    #animation-controls {
        width: 100%;
        margin: 0px;
        padding: 10px;
    }
}