.bold {
    font-family: din-condBold !important;
}
.madrid-image-section {
    background-color: #ffffff;
}

.madrid-image-section {
    display: block;
    height: auto;
    object-fit: cover;
}

.madrid-title-block > h1 {
    margin: 0;
    font-family: din-condBold;
    color: #000000;
    text-transform: uppercase;
    line-height: .94;
}

.madrid-title-block > h2 {
    margin: 1.45vw 0 0;
    font-family: din-condBold;
    color: #000000;
    text-transform: uppercase;
    line-height: 1;
}

.valencia-event-container > div:nth-child(1) > h2,
.experiencia-magica-madrid-container > div:nth-child(1) > h2,
.madrid-event-container h2,
.artist-container:nth-child(1) > div:nth-child(1) > h2,
.module-posts-bottom > div > div > h2,
.marbella-event-container > div:nth-child(1) > h2 {
    font-family: din-condBold;
    color: #000000;
}

.valencia-event-container > div:nth-child(1) > span,
.valencia-event-container > div:nth-child(1) > p,
.experiencia-magica-madrid-container > div:nth-child(1) > span,
.experiencia-magica-madrid-container > div:nth-child(1) > p,
.madrid-event-container > div:nth-child(1) > span,
.madrid-event-container p,
.artist-container:nth-child(1) > div:nth-child(1) > p,
.artist-container:nth-child(2) > div > div > div > span,
.artist-container:nth-child(2) > div > div > p,
.module-posts-bottom > div > div > p,
.module-posts-bottom > div > div > span,
.marbella-event-container > div:nth-child(1) > span,
.marbella-event-container > div:nth-child(1) > p {
    font-family: din-condMed;
    color: #000000;
}
@media (max-width: 576px) {
    .madrid-title-block > h1 {
        font-size: 12vw;
        line-height: .98;
    }

    .madrid-title-block > h2 {
        margin-top: 4vw;
        font-size: 5vw;
        line-height: 1;
    }

    .valencia-event-container,
    .experiencia-magica-madrid-container,
    .madrid-event-container,
    .madrid-title-block, 
    .artist-container,
    .module-posts-bottom,
    .marbella-event-container {
        width: 90%;
        margin: 0 auto;
    }

    .img-presentacion-valencia,
    .img-experiencia-magica {
        width: 100%;
    }

    .valencia-event-container > div:nth-child(1) > h2,
    .experiencia-magica-madrid-container > div:nth-child(1) > h2,
    .madrid-event-container > div:nth-child(1) > h2,
    .artist-container:nth-child(1) > div:nth-child(1) > h2,
    .module-posts-bottom > div > div > h2,
    .marbella-event-container > div:nth-child(1) > h2 {
        font-size: 13.02vw;
        margin-bottom: 5.2vw;
    }

    .valencia-event-container > div:nth-child(1) > span,
    .valencia-event-container > div:nth-child(1) > p,
    .madrid-event-container > div:nth-child(1) > span,
    .madrid-event-container > div:nth-child(1) > p,
    .madrid-event-container > div:last-child > span,
    .madrid-event-container > div:last-child > p,
    .experiencia-magica-madrid-container > div:nth-child(1) > p,
    .experiencia-magica-madrid-container > div:nth-child(1) > span,
    .artist-container:nth-child(1) > div:nth-child(1) > p,
    .artist-container:nth-child(2) > div > div > div > span,
    .artist-container:nth-child(2) > div > div > p,
    .module-posts-bottom > div > div > p,
    .module-posts-bottom > div > div > span,
    .marbella-event-container > div:nth-child(1) > span,
    .marbella-event-container > div:nth-child(1) > p {
        font-size: 5.55vw;
    }
}

@media (min-width: 576px) and (max-width: 992px) {
    .madrid-title-block > h1 {
        font-size: 7.4vw;
    }

    .madrid-title-block > h2 {
        font-size: 4.4vw;
    }

    .valencia-event-container,
    .experiencia-magica-madrid-container,
    .madrid-event-container,
    .artist-container,
    .module-posts-bottom,
    .marbella-event-container {
        width: 80%;
        margin: 0 auto;
    }

    .img-presentacion-valencia,
    .img-experiencia-magica {
        width: 80%;
    }

    .madrid-event-container.madrid-event-container--btext > div:nth-child(1) > h2 {
        font-size: 4.25vw;
    }
    .valencia-event-container > div:nth-child(1) > h2,
    .experiencia-magica-madrid-container > div:nth-child(1) > h2,
    .madrid-event-container > div:nth-child(1) > h2,
    .artist-container:nth-child(1) > div:nth-child(1) > h2,
    .module-posts-bottom > div > div > h2,
    .marbella-event-container > div:nth-child(1) > h2 {
        font-size: 3.25vw;
    }

    .valencia-event-container > div:nth-child(1),
    .experiencia-magica-madrid-container > div:nth-child(1),
    .madrid-event-container > div:nth-child(1) {
        width: 50%;
    }

    .valencia-event-container > div:nth-child(2),
    .experiencia-magica-madrid-container > div:nth-child(2),
    .madrid-event-container > div:nth-child(2) {
        width: 45%;
    }

    .marbella-event-container > div:nth-child(1) {
        width: 58%;
    }

    .marbella-event-container > div:nth-child(2) {
        width: 33%;
    }
    .madrid-event-container.madrid-event-container--btext > div:nth-child(1) > span,
    .madrid-event-container.madrid-event-container--btext > div:nth-child(1) > p,
    .madrid-event-container.madrid-event-container--btext > div:last-child > p {
        font-size: 2.1vw;
    }
    .valencia-event-container > div:nth-child(1) > span,
    .valencia-event-container > div:nth-child(1) > p,
    .madrid-event-container > div:nth-child(1) > span,
    .madrid-event-container > div:nth-child(1) > p,
    .experiencia-magica-madrid-container > div:nth-child(1) > p,
    .experiencia-magica-madrid-container > div:nth-child(1) > span,
    .artist-container:nth-child(1) > div:nth-child(1) > p,
    .artist-container:nth-child(2) > div > div > div > span,
    .artist-container:nth-child(2) > div > div > p,
    .module-posts-bottom > div > div > p,
    .module-posts-bottom > div > div > span,
    .marbella-event-container > div:nth-child(1) > span,
    .marbella-event-container > div:nth-child(1) > p {
        font-size: 1.66vw;
    }
}

@media (min-width: 992px) and (max-width: 1920px) {
    .madrid-title-block > h1 {
        font-size: 5.4vw;
    }

    .madrid-title-block > h2 {
        font-size: 2.6vw;
    }

    .valencia-event-container,
    .experiencia-magica-madrid-container,
    .madrid-event-container,
    .artist-container,
    .module-posts-bottom,
    .marbella-event-container {
        width: 81.25vw;
        margin: 0 auto;
    }

    .img-presentacion-valencia,
    .img-experiencia-magica {
        width: 100%;
    }
    .madrid-event-container.madrid-event-container--btext > div:nth-child(1) > h2 {
        font-size: 4.25vw;
    }

    .valencia-event-container > div:nth-child(1) > h2,
    .experiencia-magica-madrid-container > div:nth-child(1) > h2,
    .madrid-event-container > div:nth-child(1) > h2,
    .artist-container:nth-child(1) > div:nth-child(1) > h2,
    .marbella-event-container > div:nth-child(1) > h2 {
        font-size: 3.85vw;
    }

    .valencia-event-container > div:nth-child(1),
    .experiencia-magica-madrid-container > div:nth-child(1),
    .madrid-event-container > div:nth-child(1) {
        width: 50%;
    }

    .valencia-event-container > div:nth-child(2),
    .experiencia-magica-madrid-container > div:nth-child(2),
    .madrid-event-container > div:nth-child(2) {
        width: 40%;
    }

    .marbella-event-container > div:nth-child(1) {
        width: 58%;
    }

    .marbella-event-container > div:nth-child(2) {
        width: 33%;
    }

    .madrid-event-container.madrid-event-container--btext > div:nth-child(1) > span,
    .madrid-event-container.madrid-event-container--btext > div:nth-child(1) > p,
    .madrid-event-container.madrid-event-container--btext > div:last-child > p {
        font-size: 2.1vw;
    }
    .valencia-event-container > div:nth-child(1) > p,
    .valencia-event-container > div:nth-child(1) > span,
    .madrid-event-container > div:nth-child(1) > p,
    .madrid-event-container > div:nth-child(1) > span,
    .experiencia-magica-madrid-container > div:nth-child(1) > p,
    .experiencia-magica-madrid-container > div:nth-child(1) > span,
    .artist-container:nth-child(1) > div:nth-child(1) > p,
    .artist-container:nth-child(2) > div > div > div > span,
    .artist-container:nth-child(2) > div > div > p,
    .module-posts-bottom > div > div > p,
    .module-posts-bottom > div > div > span,
    .marbella-event-container > div:nth-child(1) > span,
    .marbella-event-container > div:nth-child(1) > p {
        font-size: 1.66vw;
    }

    .module-posts-bottom > div > div > h2 {
        font-size: 3.2vw;
    }

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

@media (min-width: 1920px) {
    :root {
        --width-containers: 1560px;
    }
    .madrid-title-block {
        padding: 69px 115px 54px;
    }

    .madrid-title-block > h1 {
        font-size: 104px;
    }

    .madrid-title-block > h2 {
        margin-top: 28px;
        font-size: 50px;
    }

    .valencia-event-container,
    .experiencia-magica-madrid-container,
    .madrid-event-container,
    .artist-container,
    .module-posts-bottom,
    .marbella-event-container {
        width: var(--width-containers);
        margin: 0 auto;
    }
    .artist-container:nth-child(1) > div:nth-child(1) {
        width: 75%;
    }

    .madrid-event-container.madrid-event-container--btext > div:nth-child(1) > h2 {
        font-size: 89vw;
    }
    .valencia-event-container > div:nth-child(1) > h2,
    .experiencia-magica-madrid-container > div:nth-child(1) > h2,
    .madrid-event-container > div:nth-child(1) > h2,
    .artist-container:nth-child(1) > div:nth-child(1) > h2,
    .marbella-event-container > div:nth-child(1) > h2 {
        font-size: 74px;
    }

    .valencia-event-container > div:nth-child(1),
    .experiencia-magica-madrid-container > div:nth-child(1),
    .madrid-event-container > div:nth-child(1) {
        width: 50%;
    }

    .valencia-event-container > div:nth-child(2),
    .experiencia-magica-madrid-container > div:nth-child(2),
    .madrid-event-container > div:nth-child(2) {
        width: 40%;
    }

    .marbella-event-container > div:nth-child(1) {
        width: 58%;
    }

    .marbella-event-container > div:nth-child(2) {
        width: 33%;
    }

    .madrid-event-container.madrid-event-container--btext > div:nth-child(1) > span,
    .madrid-event-container.madrid-event-container--btext > div:nth-child(1) > p,
    .madrid-event-container.madrid-event-container--btext > div:last-child > p {
        font-size: 41px;
    }
    .valencia-event-container > div:nth-child(1) > p,
    .valencia-event-container > div:nth-child(1) > span,
    .madrid-event-container > div:nth-child(1) > p,
    .madrid-event-container > div:nth-child(1) > span,
    .experiencia-magica-madrid-container > div:nth-child(1) > p,
    .experiencia-magica-madrid-container > div:nth-child(1) > span,
    .artist-container:nth-child(1) > div:nth-child(1) > p,
    .artist-container:nth-child(2) > div > div > div > span,
    .artist-container:nth-child(2) > div > div > p,
    .module-posts-bottom > div > div > p,
    .module-posts-bottom > div > div > span,
    .marbella-event-container > div:nth-child(1) > span,
    .marbella-event-container > div:nth-child(1) > p {
        font-size: 32px;
    }
    .img-presentacion-valencia,
    .img-experiencia-magica {
        width: 100%;
    }

    .module-posts-bottom > div > div > h2 {
        font-size: 62px;
    }
}