.rellena {
   display: none;
}
@media screen and (max-width: 900px) {
.sidebar {
   -webkit-column-count: 3; /* Chrome, Safari, Opera */
   -moz-column-count: 3; /* Firefox */
   column-count: 3;
   -webkit-column-gap: 0; /* Chrome, Safari, Opera */
   -moz-column-gap: 0; /* Firefox */
   column-column-gap: 0;
}

.contenedor {
   min-height: 91vh;
}

.sidebar a {
   text-align: center;
   float: none;
   height: 100%;
   padding: 7px 16px;
}
	
.main {
   padding:0 5px 0 5px;
   margin: 148px 0 0 0;
}
th {
   top: 135px; 
}

@media screen and (max-width: 520px) {

.sidebar a {
   padding: 6px 0;
   font-size: calc(1.1vh + .9vw);
   float: none;
   width: 100%;
    }
.main {
   padding:0 5px 0 5px;
   margin: 120px 0 0 0;
}
th {
   top: calc(100px + 1.5*(1.1vh + .9vw));
}

@media screen and (max-width: 460px) {

.sidebar {
   position: relative;
   top: 0vh;
   line-height: 1.7vh;
   height: 15vh;
}

.sidebar a {
   padding: .8vh 0 0 0;
   font-size: calc(1.2vh + 1.3vw);
   float: none;
   height: 5vh;
   width: 100%;
}

.contenedor {
   min-height: 79vh;
   height: 79vh;
}

.main {
   top:0;
   padding: 2vh 2vw 2vh 2vw;
   margin: 0 0 0 0;
   line-height: 75%;
   height: 64vh;
}

.caja {
   height: 52vh;
}
th {
   top: 0;
}
}