.schedule {
    padding-top: 180px;
    min-height: 85vh;
    padding-bottom: 100px;
}

.buttons {
    position: fixed;
    width: 100%;
    display: none;
    margin-top: 16px;
    z-index: 2;
}

.btn {
    flex: 1;
    padding: 20px 20px;
    background-color: #4556d1;
    border: none;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    font-size: 33px;
}

.btn.active {
    background-color: #cc3b75;
    color: white;
}

.table {
    display: block;
}

.row {
    display: flex;
}
  
.col {
    flex: 1;
    display: initial;
    text-align: center;
}  
  
.col.active {
    display: block;
}

.date {
    position: fixed;
    width: 100%;
    z-index: 1;
    text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa;
}

.ground h1, .after h1 {
    font-size: 4rem;
    text-align: center;
}

.ground h1{
    padding-top: 40px;
}

.after h1 {
    padding-top: 100px;
}
  
.artist {
    position: relative;
    display: flex;
    height: 100%;
    width: 90%;
    margin-left: 5%;
    margin-top: 2vh;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    box-shadow: 15px 10px 30px #000;
    transition: 0.5s;
}

.display {
    width: 35%;
    position: absolute;
    bottom: 0;
    right: 0px;
    height: 0%;
    transition: all 0.5s;
    z-index: 1;
}

.artistName {
    position: absolute;
    top: 37.5%;
    font-size: 1.5vw;
    transition: all 0.5s;
    text-transform: uppercase;
}

.time {
    position: absolute;
    top: 37.5%;
    padding-top: 10%;
    font-size: 1.2vw;
    transition: all 0.5s;
}

.artist:hover {
    width: 95%;
    margin-left: 2.5%;
}

.artistName.opened {
    position: absolute;
    top: 15%;
    left: 10%;
    font-size: 1.25vw;
}

.display.opened {
    height: auto;
}

.time.opened {
    position: absolute;
    top: 13%;
    left: 10%;
    font-size: 1vw;
}

/* Artistas de dia 17 */
.tibins_17 {
    height: 22vh;
    background: linear-gradient(109deg, #01a0c0 0%, #109eb7 20%, #309aa4 40%, #5d948a 60%, #858e72 80%, #ad895a 100%);
}

.tibins_17 .display {
    width: 65%;
}

.marques {
    height: 30vh;
    background: linear-gradient(118deg, #0a9fbb 0%, #2e9aa6 20%, #629386 40%, #928d6a 60%, #c0874f 80%, #d68442 100%);
}

.marques .display {
    width: 35%;
}

.Julinho {
    height: 30vh;
    background: linear-gradient(118deg, #319aa4 0%, #609488 20%, #948c69 40%, #bd8750 60%, #d28444 80%, #d68341 100%);
}

.Julinho .display {
    width: 55%;
}

.jd_17 {
    height: 20vh;
    background: linear-gradient(109deg, #6a9282 0%, #9f8b62 20%, #b98753 40%, #d38444 60%, #d68341 80%, #d67d3f 100%);
}

.jd_17 .display {
    width: 40%;
}

.davilla {
    height: 20vh;
    background: linear-gradient(109deg, #928d6a 0%, #ba8752 20%, #cf8546 40%, #d68341 60%, #d67f40 80%, #d6743c 100%);
}

.davilla .display {
    width: 60%;
}

.quartoEscuro {
    height: 40vh;
    background: linear-gradient(125deg, #b48856 0%, #d48443 20%, #d68341 40%, #d67d3f 60%, #d6713a 80%, #d55b32 100%);
}

.quartoEscuro .display {
    width: 50%;
}

/* Artistas de dia 18 */
.tibins_18 {
    height: 12vh;
    background: linear-gradient(100deg, #948c69 0%, #b68855 20%, #ce8546 40%, #d68341 60%, #d68141 80%, #d6793d 100%);
}

.tibins_18 .display {
    width: 55%;
}

.memoATuga {
    height: 40vh;
    background: linear-gradient(125deg, #a78a5e 0%, #ce8546 20%, #d68341 40%, #d67f40 60%, #d6763c 80%, #d66134 100%);
}

.memoATuga .display {
    width: 60%;
}

.DiogoPicarra {
    height: 30vh;
    background: linear-gradient(118deg, #d38443 0%, #d68241 20%, #d67b3e 40%, #d66f39 60%, #d55f33 80%, #d54f2d 100%);
}

.DiogoPicarra .display {
    width: 45%;
}

.pablito {
    height: 26.66vh;
    background: linear-gradient(115deg, #d68241 0%, #d6783d 20%, #d66b38 40%, #d56034 60%, #d5512e 80%, #d54328 100%);
}

.pablito .display {
    width: 35%;
}

.alencis {
    height: 26.66vh;
    background: linear-gradient(115deg, #d6783d 0%, #d66a38 20%, #d55b32 40%, #d54f2d 60%, #d54429 80%, #d53f27 100%);
}

.alencis .display {
    width: 25%;
}

.shannonBooth {
    height: 26.66vh;
    background: linear-gradient(115deg, #d66937 0%, #d55931 20%, #d54b2b 40%, #d54228 60%, #d53f27 80%, #ce3d2a 100%);
}

.shannonBooth .display {
    width: 30%;
}

/* Artistas de dia 19 */
.artista1_19 {
    height: 32vh;
    background: linear-gradient(118deg, #d67b3e 0%, #d66e39 20%, #d55e33 40%, #d5512e 60%, #d5462a 80%, #d53f27 100%);
}

.Yang .display {
    width: 45%;
}

.artista2_19 {
    height: 20vh;
    background: linear-gradient(109deg, #d66b38 0%, #d55c32 20%, #d54e2c 40%, #d54328 60%, #d53f27 80%, #d13e28 100%);
}

.Dillaz .display {
    width: 60%;
}

.MizzyMiles {
    height: 30vh;
    background: linear-gradient(118deg, #d55e33 0%, #d54e2d 20%, #d54429 40%, #d53f27 60%, #d03e28 80%, #bf3a30 100%);
}

.MizzyMiles .display {
    width: 50%;
}

.tenda1_19 {
    height: 20vh;
    background: linear-gradient(109deg, #d54c2c 0%, #d54328 20%, #d53f27 40%, #d13e28 60%, #c43b2e 80%, #ac3639 100%);
}

.Dillaz .display {
    width: 60%;
}

.tenda2_19 {
    height: 20vh;
    background: linear-gradient(109deg, #d54328 0%, #d53f27 20%, #d13e28 40%, #c53b2d 60%, #b23736 80%, #973143 100%);
}

.Dillaz .display {
    width: 60%;
}

.tenda3_19 {
    height: 40vh;
    background: linear-gradient(125deg, #d53f27 0%, #cf3d29 20%, #bd3a31 40%, #a7353b 60%, #8a2f49 80%, #712a54 100%);
}

.Dillaz .display {
    width: 60%;
}

/* Artistas de dia 20 */
.artista1_20 {
    height: 32vh;
    background: linear-gradient(118deg, #d54328 0%, #d53f27 20%, #d03e28 40%, #c33b2f 60%, #ab3639 80%, #8b2f48 100%);
}

.Yang .display {
    width: 45%;
}

.artista2_20 {
    height: 20vh;
    background: linear-gradient(109deg, #d43e27 0%, #cf3d29 20%, #bc3932 40%, #a6353c 60%, #8d2f47 80%, #782b51 100%);
}

.Dillaz .display {
    width: 60%;
}

.SoraiaRamos {
    height: 30vh;
    background: linear-gradient(118deg, #cf3d29 0%, #b93933 20%, #a5343c 40%, #8d2f47 60%, #782b50 80%, #662759 100%);
}

.SoraiaRamos .display {
    width: 50%;
}

.tenda1_20 {
    height: 42vh;
    background: linear-gradient(125deg, #ba3933 0%, #963143 20%, #7e2c4e 40%, #6e2955 60%, #63275a 80%, #60265c 100%);
}

.Dillaz .display {
    width: 60%;
}

.tenda2_20 {
    height: 40vh;
    background: linear-gradient(125deg, #913045 0%, #742a52 20%, #652759 40%, #62265b 60%, #5d265d 80%, #512562 100%);
}

.Dillaz .display {
    width: 60%;
}

/* Artistas de dia 21 */
.artista1_21 {
    height: 16.66vh;
    background: linear-gradient(106deg, #7a2b3c 0%, #7a2b3f 20%, #7a2b50 40%, #692857 60%, #63275a 80%, #60265b 100%);
}

.Yang .display {
    width: 45%;
}

.artista2_21 {
    height: 13.33vh;
    background: linear-gradient(103deg, #8d2f47 0%, #782b51 20%, #6c2856 40%, #64275a 60%, #62265b 80%, #5d265d 100%);
}

.Dillaz .display {
    width: 60%;
}

.Pikika {
    height: 20vh;
    background: linear-gradient(109deg, #862e4a 0%, #702954 20%, #64275a 40%, #62265b 60%, #60265c 80%, #552560 100%);
}

.Pikika .display {
    width: 40%;
}

.VanZee {
    height: 30vh;
    background: linear-gradient(118deg, #742a53 0%, #652759 20%, #62265b 40%, #5e265d 60%, #552560 80%, #472467 100%);
}

.VanZee .display {
    width: 50%;
}

.tenda1_21 {
    height: 20vh;
    background: linear-gradient(109deg, #64275a 0%, #62265b 20%, #5e265d 40%, #552560 60%, #4a2465 80%, #3c236b 100%);
}

.Dillaz .display {
    width: 60%;
}

.tenda2_21 {
    height: 40vh;
    background: linear-gradient(125deg, #62265b 0%, #5c265d 20%, #522562 40%, #452467 60%, #38236d 80%, #2d2271 100%);
}

.Dillaz .display {
    width: 60%;
}

.tenda3_21 {
    height: 20vh;
    background: linear-gradient(109deg, #58265f 0%, #4e2563 20%, #432468 40%, #36236e 60%, #2e2271 80%, #2b2272 100%);
}

.Dillaz .display {
    width: 60%;
}
  

@media only screen and (max-width: 1000px) {
    
    .buttons {
        display: flex;
    }

    .col {
        display: none;
        padding-top: 30px;
    }

    .col h1 {
        display: none;
    }

    .ground h1{
        padding-top: 140px;
    }

    .artist{
        width: 90%;
        margin-left: 5%;
    }

    .artistName {
        position: absolute;
        top: 15%;
        left: 10%;
        font-size: 5vw;
    }
      
    .display {
        position: absolute;
        bottom: 0;
        right: 0px;
        height: auto;
        transition: all 0.5s;
        z-index: 1;
    }
    
    .time {
        position: absolute;
        top: 10%;
        left: 10%;
        display: initial;
        font-size: 4.5vw;
    }

    .artist:hover{
        width: 90%;
        margin-left: 5%;
    }
    
    .artistName.opened {
        position: absolute;
        top: 15%;
        left: 10%;
        font-size: 5vw;
    }
    
    .time.opened {
        position: absolute;
        top: 10%;
        left: 10%;
        display: initial;
        font-size: 4.5vw;
    }

    .alencis .display {
        width: 20%;
    }

    .marques .display, .pablito .display, .shannonBooth .display {
        width: 25%;
    }

    .Pikika .display, .jd_17 .display {
        width: 30%;
    }

    .tibins_18 .display {
        width: 35%;
    }

    .MizzyMiles .display, .VanZee .display, .quartoEscuro .display {
        width: 40%;
    }

    .Julinho .display, .SoraiaRamos .display, .davilla .display {
        width: 45%;
    }

    .DiogoPicarra .display, .tibins_17 .display  {
        width: 50%;
    }
}