.artist-container-header:nth-child(1) > div:nth-child(1) > h1,
.cartel-container > div:nth-child(1) > h2,
.magic-experience-container > div:nth-child(1) > h2,
.artist-container:nth-child(1) > div:nth-child(1) > h2,
.artist-container:nth-child(1) > div:nth-child(1) > h3 {
    font-family: din-condBold;
    color: #000000;
}
.artist-container-header:nth-child(1) > div:nth-child(1) > p,
.cartel-container > div:nth-child(1) > p,
.magic-experience-container > div:nth-child(1) > p,
.artist-container:nth-child(1) > div:nth-child(1) > p,
.artist-container:nth-child(2) > div > div > p,
.artist-container:nth-child(2) > div > div > div > span {
    font-family: din-condMed;
    color: #000000;
}
.artist-container-header:nth-child(1) > div:nth-child(1) > div > a,
.artist-container:nth-child(1) > div:nth-child(2) > a,
.magic-experience-container > div:nth-child(1) > div > a {
    font-family: din-condMed;
    color: #000000;
    transition: .2s;
}
.artist-container-header:nth-child(1) > div:nth-child(1) > div > a:hover,
.artist-container:nth-child(1) > div:nth-child(2) > a:hover,
.magic-experience-container > div:nth-child(1) > div > a:hover {
    background-color: black;
    color: white;
}

@media (max-width: 576px) {
    .artist-container-header,
    .cartel-container,
    .magic-experience-container,
    .artist-container {
        width: 90%;
        margin: 0 auto;
    }
    .artist-container-header:nth-child(1) > div:nth-child(1) > h1,
    .cartel-container > div:nth-child(1) > h2,
    .magic-experience-container > div:nth-child(1) > h2,
    .artist-container:nth-child(1) > div:nth-child(1) > h2 {
        font-size: 10.76vw;
    }
    .artist-container:nth-child(1) > div:nth-child(1) > h3 {
        font-size: 8.3vw;
    }
    .artist-container-header:nth-child(1) > div:nth-child(1) > p,
    .artist-container-header:nth-child(1) > div:nth-child(1) > div > a,
    .cartel-container > div:nth-child(1) > p,
    .magic-experience-container > div:nth-child(1) > p,
    .magic-experience-container > div:nth-child(1) > div > a,
    .artist-container:nth-child(1) > div:nth-child(1) > p,
    .artist-container:nth-child(2) > div > div > p,
    .artist-container:nth-child(2) > div > div > div > span,
    .artist-container:nth-child(1) > div:nth-child(2) > a {
        font-size: 5.55vw;
    }

    .lineup-img {
        width: 90%;
    }
    .plants-img {
        margin-top: -3%;
        width: 90%;
    }

    /* Carousel */
    .magic-experience-container > div {
        width: 100%;
    }
    .magic-experience-container > div:nth-child(1) > div > img  {
        width: 40%;
        margin-bottom: 10%;
    }
    .carousel-indicators {
        left: unset !important;
        margin-right: 0 !important;
        bottom: -15% !important;
    }
    .carousel-indicators [data-bs-target] {
        background-color: transparent !important;
        width: 2.5vw !important;
        height: 2.5vw !important;
        border: 0.1vw solid black !important;
        border-radius: 5vw;
    }
    .carousel-indicators [data-bs-target].active {
        background-color: black !important;
        border: 0.1vw solid transparent !important;
    }
}
@media (min-width: 576px) and (max-width: 992px) {
    .artist-container-header,
    .cartel-container,
    .magic-experience-container,
    .artist-container {
        width: 80%;
        margin: 0 auto;
    }
    .artist-container-header:nth-child(1) > div:nth-child(1) > h1,
    .cartel-container > div:nth-child(1) > h2,
    .magic-experience-container > div:nth-child(1) > h2,
    .artist-container:nth-child(1) > div:nth-child(1) > h2 {
        font-size: 3.9vw;
    }
    .artist-container:nth-child(1) > div:nth-child(1) > h3 {
        font-size: 3.22vw;
    }
    .artist-container-header:nth-child(1) > div:nth-child(1) > p,
    .artist-container-header:nth-child(1) > div:nth-child(1) > div > a,
    .cartel-container > div:nth-child(1) > p,
    .magic-experience-container > div:nth-child(1) > p,
    .magic-experience-container > div:nth-child(1) > div > a,
    .artist-container:nth-child(1) > div:nth-child(1) > p,
    .artist-container:nth-child(2) > div > div > p,
    .artist-container:nth-child(2) > div > div > div > span,
    .artist-container:nth-child(1) > div:nth-child(2) > a {
        font-size: 1.66vw;
    }

    .lineup-img {
        width: 80%;
        margin: 0 auto;
    }
    .plants-img {
        margin-top: -3%;
        width: 80%;
    }

    /* Carousel */
    .magic-experience-container > div:nth-child(1) > div > img {
        width: 35%;
    }
    .magic-experience-container > div:nth-child(2) {
        width: 80%;
        padding: 0 0 0 5%;
    }
    .carousel-indicators {
        left: unset !important;
        margin-right: 0 !important;
        margin-bottom: -1.61vw !important;
    }
    .carousel-indicators [data-bs-target] {
        background-color: transparent !important;
        width: 0.78125vw !important;
        height: 0.78125vw !important;
        border: 0.1vw solid black !important;
        border-radius: 2.083vw;
    }
    .carousel-indicators [data-bs-target].active {
        background-color: black !important;
        border: 0.1vw solid transparent !important;
    }

}
@media (min-width: 991px) {
    :root {
        --width-containers: 81.25vw;
    }
    .artist-container-header,
    .cartel-container,
    .magic-experience-container,
    .artist-container {
        width: var(--width-containers);
        margin: 0 auto;
    }

    .artist-container:nth-child(1) > div:nth-child(1) {
        width: 75%;
    }

    .artist-container-header:nth-child(1) > div:nth-child(1) > h1,
    .cartel-container > div:nth-child(1) > h2,
    .magic-experience-container > div:nth-child(1) > h2,
    .artist-container:nth-child(1) > div:nth-child(1) > h2 {
        font-size: 3.85vw;
    }
    .artist-container:nth-child(1) > div:nth-child(1) > h3 {
        font-size: 2.91vw;
    }
    .artist-container-header:nth-child(1) > div:nth-child(1) > p,
    .artist-container-header:nth-child(1) > div:nth-child(1) > div > a,
    .cartel-container > div:nth-child(1) > p,
    .magic-experience-container > div:nth-child(1) > p,
    .magic-experience-container > div:nth-child(1) > div > a,
    .artist-container:nth-child(1) > div:nth-child(1) > p,
    .artist-container:nth-child(2) > div > div > p,
    .artist-container:nth-child(2) > div > div > div > span,
    .artist-container:nth-child(1) > div:nth-child(2) > a {
        font-size: 1.66vw;
    }

    .lineup-img {
        width: var(--width-containers);
    }
    .plants-img {
        margin-top: -3%;
        width: var(--width-containers);
    }

    
    /* Carousel */
    .magic-experience-container > div:nth-child(1) > div > img {
        width: 35%;
    }
    .magic-experience-container > div:nth-child(2) {
        width: 80%;
        padding: 0 0 0 5%;
    }
    .carousel-indicators {
        left: unset !important;
        margin-right: 0 !important;
        margin-bottom: -1.66vw !important;

    }
    .carousel-indicators [data-bs-target] {
        background-color: transparent !important;
        width: 1.04vw !important;
        height: 1.04vw !important;
        border: 0.1vw solid black !important;
        border-radius: 1.04vw;
    }
    .carousel-indicators [data-bs-target].active {
        background-color: black !important;
        border: 0.1vw solid transparent !important;
    }
}
@media (min-width: 1920px) {
    :root {
        --width-containers: 1560px;
    }
    .artist-container-header,
    .cartel-container,
    .magic-experience-container,
    .artist-container {
        width: var(--width-containers);
        margin: 0 auto;
    }
    .artist-container-header:nth-child(1) > div:nth-child(1) > h1,
    .cartel-container > div:nth-child(1) > h2,
    .magic-experience-container > div:nth-child(1) > h2,
    .artist-container:nth-child(1) > div:nth-child(1) > h2 {
        font-size: 74px;
    }
    .artist-container:nth-child(1) > div:nth-child(1) > h3 {
        font-size: 56px;
    }
    .artist-container-header:nth-child(1) > div:nth-child(1) > p,
    .artist-container-header:nth-child(1) > div:nth-child(1) > div > a,
    .cartel-container > div:nth-child(1) > p,
    .magic-experience-container > div:nth-child(1) > p,
    .magic-experience-container > div:nth-child(1) > div > a,
    .artist-container:nth-child(1) > div:nth-child(1) > p,
    .artist-container:nth-child(2) > div > div > p,
    .artist-container:nth-child(2) > div > div > div > span,
    .artist-container:nth-child(1) > div:nth-child(2) > a {
        font-size: 32px;
    }

    .lineup-img {
        width: var(--width-containers);
    }
    .plants-img {
        margin-top: -55px;
        width: var(--width-containers);
    }

    .magic-experience-container > div:nth-child(1) > div > img {
        width: 35%;
    }
    .magic-experience-container > div:nth-child(2) {
        width: 80%;
        padding: 0 0 0 5%;
    }
    .carousel-indicators {
        left: unset !important;
        margin-right: 0 !important;
        margin-bottom: -50px !important;

    }
    .carousel-indicators [data-bs-target] {
        background-color: transparent !important;
        width: 20px !important;
        height: 20px !important;
        border: 2px solid black !important;
        border-radius: 20px;
    }
    .carousel-indicators [data-bs-target].active {
        background-color: black !important;
        border: 20px solid transparent !important;
    }
}