body {
    font-family: 'Montserrat';
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
}

h3 {
    font-weight: 300;
    font-size: 32px
}

.overlapping-block {
    margin-top: 450px;
}

    .overlapping-block h1 {
        font-size: 100px
    }

    .overlapping-block .black-box-text {
        font-size: 22px
    }

        .overlapping-block .black-box-text > p {
            margin: 0;
        }

.text-block {
    font-size: 16px;
    line-height: 20px;
    max-width: 500px;
    margin: auto !important;
}

    .text-block h3 {
        margin-bottom: 20px;
    }

.page-section {
    margin-bottom: 100px
}

.counter-block {
    padding: 40px;
    background-image: url('../img/ampersant-7.svg');
    background-size: 100% 350px;
    background-position: 30px -25px;
}

    .counter-block .main-date {
        max-width: 200px;
        margin: auto;
        font-size: 32px;
        font-weight: 300;
    }

        .counter-block .main-date .month {
            border-left: 1px solid;
            border-right: 1px solid;
            border-color: #545861;
        }

    .counter-block .count-down,
    .counter-block .counter-title {
        color: #BFC2C9;
    }

    .counter-block .counter-title {
        font-size: 20px
    }

    .counter-block .count-down {
        max-width: 250px;
        margin: auto;
        font-size: 24px;
    }

        .counter-block .count-down .counter-label {
            font-size: 12px;
        }

.day-schedule,
.image-galery,
.location-block {
    max-width: 500px;
    margin: auto;
}

    .day-schedule .schedule-title-container {
        margin-bottom: 32px;
    }

    .day-schedule .schedule-list ol > li {
        margin-bottom: 40px;
    }

    .day-schedule .schedule-list .schedule-time,
    .day-schedule .schedule-list .schedule-delimeter {
        margin-right: 12px
    }

    .day-schedule .schedule-list .schedule-time,
    .day-schedule .schedule-list .schedule-delimeter,
    .day-schedule .schedule-list .schedule-title,
    .image-galery .image-galery__title {
        font-size: 24px;
    }

    .day-schedule .schedule-list .schedule-content {
        font-size: 14px;
    }


    .image-galery .slick-track {
        display: flex;
        height: 356px
    }

        .image-galery .slick-track .slick-slide {
            display: flex;
            height: auto;
            align-items: end;
            justify-content: end;
        }

            .image-galery .slick-track .slick-slide img {
                transition: width 0.5s ease;
                width: 200px;
            }

            .image-galery .slick-track .slick-slide.slick-center.slick-active img {
                width: 227px
            }


.fancy-text {
    font-family: "Cinzel", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

    .fancy-text > h1 {
        font-weight: 400;
    }

.end-block-with-background {
    overflow: visible;
    position: relative;
}

    .end-block-with-background:after {
        content: "";
        position: absolute;
        top: -60px;
        left: 35%;
        width: 113px;
        height: 187px;
        background-image: url(../img/r-and-y.svg);
        background-size: 113px 187px;
        background-repeat: no-repeat;
        z-index: -1;
    }


@media (min-width: 426px) {
    .overlapping-block {
        margin-top: 500px;
    }
}

@media (min-width: 456px) {
    .overlapping-block {
        margin-top: 600px;
    }
}

@media (min-width: 576px) {
    .overlapping-block {
        margin-top: 100px;
    }
}

@media (min-width: 768px) {
    .overlapping-block {
        margin-top: 200px;
    }
}

@media (min-width: 992px) {
    .overlapping-block {
        margin-top: 300px;
    }
}

@media (min-width: 1200px) {
    .overlapping-block {
        margin-top: 400px;
    }
}

@media (min-width: 1400px) {
    .overlapping-block {
        margin-top: 500px;
    }
}

@media (min-width: 1600px) {
    .overlapping-block {
        margin-top: 550px;
    }
}

@media (min-width: 1750px) {
    .overlapping-block {
        margin-top: 650px;
    }
}
