@media screen and (max-width:800px) {
    .navigation {
        font-size: 1.8rem
    }
}

@media screen and (max-width:1000px) {
    .navigation {
        width: calc(100% - 6.4rem)
    }

    .navigation--no-logo {
        width: 100%
    }

    .navigation--dark {
        padding-right: 1.2rem
    }

    .navigation__content {
        padding-right: 7.6rem
    }
}

@media screen and (max-width:800px) {
    .navigation__content {
        padding-left: calc(1em + 2.4rem);
        padding-right: 1.2rem;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .navigation--dark .navigation__anchors,
    .navigation__anchors,
    .navigation__options {
        display: none
    }

    .navigation__languages {
        height: 100%;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -moz-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .navigation__language+.navigation__language {
        margin: 0 0 0 .5rem
    }

    .menu {
        font-size: 2.5rem;
        line-height: 1
    }
}

@media screen and (max-width:800px)and (max-width:800px) {
    .menu {
        font-size: 1.8rem
    }
}

@media screen and (max-width:800px) {
    .navigation--open .navigation__content .separator {
        margin-top: 0
    }

    .navigation__home {
        padding-right: 5.2rem
    }

    .navigation--dark .navigation__home {
        margin-bottom: -.84rem;
        margin-left: -4.2rem;
        margin-right: -1.2rem;
        padding-bottom: .84rem;
        padding-left: 4.2rem;
        padding-right: 6.4rem
    }
}

@media screen and (max-width:800px) {
    .burger__line+.burger__line {
        margin-top: 6px
    }
}

@media screen and (max-width:800px) {
    .nav-active .menu-active-logo-squares {
        display: none;
    }
}

@media screen and (max-width:1000px) {
    .square {
        width: 6.4rem
    }
}

@media screen and (max-width:1300px) {
    .section-title {
        font-size: 6rem
    }
}

@media screen and (max-width:1000px) {
    .section-title {
        font-size: 4rem
    }
}

@media screen and (max-width:600px) {
    .section-title {
        font-size: 2.6rem
    }
}

@media screen and (max-width:1000px) {
    .page-section-group-title {
        top: 0
    }

    .page-section-group-title>div {
        padding: 0 5rem;
        position: static
    }
}

@media screen and (max-width:1300px) {
    .swiper-hero-titles h1 {
        font-size: 6rem
    }
}

@media screen and (max-width:1000px) {
    .swiper-hero-titles h1 {
        font-size: 4rem
    }
}

@media screen and (max-width:600px) {
    .swiper-hero-titles h1 {
        font-size: 2.6rem
    }
}

@media screen and (max-width:800px) {
    .hero-section {
        min-height: 85vh;
    }

    .hero-section__pagination {
        display: none
    }

    .hero-section__inner {
        clip: rect(0, 100vw, 85vh, 0)
    }

    .swiper-hero-titles h1 {
        padding: 0 2rem;
        top: 42.5%;
        width: 100%
    }

    .hero-section-arrow {
        display: none
    }
}

@media screen and (max-width:1000px) {
    .section-title__inner {
        padding: 2rem 1.2rem
    }

    .section-title--center .section-title__inner {
        width: 100%
    }

    .section-title__square {
        display: none
    }
}

@media screen and (max-width:1000px) {
    .banner {
        height: 12.8rem
    }
}

@media screen and (max-width:1300px) {
    .banner__content span {
        font-size: 6rem
    }
}

@media screen and (max-width:1000px) {
    .banner__content span {
        font-size: 4rem
    }
}

@media screen and (max-width:600px) {
    .banner__content span {
        font-size: 2.6rem
    }
}

@media screen and (max-width:1000px) {
    .banner__squares {
        display: none
    }
}

@media screen and (max-width:1200px) {
    .footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .footer__logo {
        -o-object-position: left;
        object-position: left;
        width: auto
    }

    .footer__column {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .footer__column+.footer__column {
        margin-top: 2rem;
        padding: 0
    }

    .footer__newsletter {
        margin-bottom: 2rem
    }
}

@media screen and (max-width:1000px) {
    .image-overlay {
        padding: 1.2rem
    }

    .image-overlay--credits {
        padding-bottom: 0
    }

    .image-overlay span {
        height: auto;
        padding: 1.2rem
    }
}

@media screen and (max-width:800px) {
    .events__title {
        font-size: 1.8rem
    }
}

@media screen and (max-width:1400px) {
    .events__date {
        font-size: 7vw
    }

    .events--margins .events__list {
        margin: 0 1.2rem
    }
}

@media screen and (max-width:1000px) {
    .events__date {
        font-size: 14vw
    }

    .events__item {
        width: 50% !important
    }

    .events__item:nth-child(4n):after {
        display: inline;
        display: initial
    }

    .events__item:nth-child(2n):after {
        display: none
    }
}

@media screen and (max-width:600px) {
    .events__item:nth-child(2n) .events__date {
        padding-left: 1.2rem
    }

    .events__item:nth-child(2n) .events__title {
        left: 1.2rem
    }

    .events__date {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .events__title {
        bottom: .5rem;
        font-size: inherit;
        left: .5rem
    }
}

@media screen and (max-width:1000px) {
    .agenda {
        padding-bottom: 6.4rem
    }
}

@media screen and (max-width:1000px) {
    .column__inner {
        margin: auto;
        width: calc(100% - 2.4rem)
    }
}

@media screen and (max-width:1200px) {
    .sponsors__item {
        width: 50%
    }
}

@media screen and (max-width:600px) {
    .gallery__columns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .gallery--compact .gallery__column {
        max-width: 100%
    }
}

@media screen and (max-width:1000px) {
    .list--padding {
        padding-right: 1.2rem
    }
}

@media screen and (max-width:1000px) {
    .list--padding .list__item {
        padding-left: 0
    }
}

@media screen and (max-width:1000px) {
    .form {
        padding-right: 1.2rem
    }
}

@media screen and (max-width:1000px) {
    .map {
        padding: 0 1.2rem
    }
}

@media screen and (max-width:1000px) {
    .sections__title {
        position: static
    }
}

@media screen and (max-width:1000px) {
    .basic-page--padding-bottom {
        padding-bottom: 6.4rem
    }
}

@media screen and (max-width:1000px) {
    .event--padding-bottom {
        padding-bottom: 6.4rem
    }
}

@media screen and (max-width:1000px) {
    .exhibition--padding-bottom {
        padding-bottom: 6.4rem
    }
}

@media screen and (max-width:800px) {
    .exhibition__infos span {
        font-size: 1.8rem
    }
}

@media screen and (max-width:1000px) {
    .exhibitions__year {
        top: 0
    }

    .exhibitions__year>div {
        padding: 0 5rem;
        position: static
    }
}