@media screen and (max-width: 720px) {
	
div#hub > div {
    position: relative!important;
    margin: auto!important;
    top: auto;
    bottom: auto;
    overflow: hidden;
    right: auto;
}

div#hub {
    bottom: 0!important;
    padding: 0 30px;
    margin: auto;
}

.contienebuttons {
    zoom: 0.8;
    padding: 20px 0;
}

.coverimg.iniciales {
    width: auto!important;
    display: block;
    overflow: hidden;
}

.coverimg.iniciales .letter {
    display: none!important;
}
div#hub .coverimg {
    margin-top: -120px!important;
    margin-bottom: 20px!important;
}
.showremote #hub {
    display: none;
}
div#accordion {
    height: calc(100% - 86px);
}

    .showremote iframe.remoteframe {
        width: calc(100% - 30px);
        height: 100vh;
    }
	
	
.downhub #hub {
    transition: all 0.5s ease;
    bottom:-490px!important;
}
	
}