* { 
    padding: 0;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
}

html, body { 
    height: 100%;
    background: #000;
}

.aligner {
    display: flex; 
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: 0 30px;
    overflow: hidden;
}

.owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}

.outer {
    position: fixed;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    cursor: pointer;
}

.outer .leyenda {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    color: #fff;
    background: #0079c0;
    text-align: center;
    font-size: 22px;
}

.outer .leyenda.top {
    bottom: auto;
    top: 0;
}

.outer .leyenda i {
    margin-left: 5px;
}