.bg-collection{
    display: none;
}

body{
    overflow: hidden;
}

#content{
    position: absolute;
    top:80px;
    bottom:0;
    left:0;
    right:0;
}

.backgroundList{
    position: absolute;
    height:100%;
    width:100%;
}

.backgroundList, .backgroundListItem{
    height: 100%;
}

.backgroundListItem{
    position: absolute;
    width:100%;
    opacity: 0;
    background-position: center center;
    background-size: cover;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.backgroundListItem.shown{
    opacity:1;
}

#collectionsList{
    font-family:'Open Sans', sans-serif;
    color:white;
    list-style-type: none;
    font-size: 20px;
    margin-bottom: 0;
}

#collectionsList li a{

    line-height:18px;

    -webkit-transition: color .5s linear;
    -moz-transition: color .5s linear ;
    -ms-transition: color .5s linear ;
    -o-transition: color .5s linear ;
    transition: color .5s linear ;:color 0.5s linear;
    display: block;
    font-size:18px;
    padding-bottom: 25px;
    color:#FFFFFF;
}

#collectionsList li a:hover{
    color:#000000;
}

.block:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; /* Adjusts for spacing */
}

/* The element to be centered, can also be of any width and height */
#collectionsList {
    display: inline-block;
    vertical-align: middle;
    width: 300px;
}