/* CSS Document */

@media screen and (min-width: 1280px) {

    /*Header*/
    header.sticky-desktop {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        transform: translateY(-100px);
    }

    header.sticky-desktop.open {
        transition: all 400ms ease-in-out;
        transform: translateY(0);
    }

    body.padding-topped {
        padding-top: 75px !important;
    }
}

@media screen and (max-width: 900px) {

    /*Paragraphes*/
    .para-item-paragraphe .container-para {
        flex-direction: column-reverse;
    }

    .para-item-paragraphe .para-desc,
    .para-item-paragraphe .para-photos {
        width: 100% !important;
        margin-right: 0;
    }

    .para-item-paragraphe .para-photos,
    .para-item-paragraphe .para-desc {
        width: 100% !important;
    }

}

@media screen and (max-width: 800px) {
    .galerie-paragraphe .grid__item {
        margin-bottom: 10px;
    }

    .galerie-paragraphe .grid__item,
    .galerie-paragraphe .grid__col-sizer {
        width: calc(50% - 5px);
    }

    .galerie-paragraphe .grid__gutter-sizer {
        width: 10px;
    }
}

@media screen and (max-width: 600px) {

    /*Paragraphes*/
    .pos-photo-1 .para-photos,
    .pos-photo-2 .para-photos {
        flex-direction: column;
    }

    .pos-photo-1 .para-photos .para-photo,
    .pos-photo-2 .para-photos .para-photo {
        margin: 5px 0;
        display: flex;
    }

    .pos-photo-1 .para-photo-img,
    .pos-photo-2 .para-photo-img {
        width: 100%;
    }

    .pos-photo-1 .para-photos .para-photo a,
    .pos-photo-1 .para-photos .para-photo img,
    .pos-photo-2 .para-photos .para-photo a,
    .pos-photo-2 .para-photos .para-photo img {
        display: inline-block;
        width: auto;
        height: auto;
    }

}

/* Home page */
@media screen and (max-width: 1000px) {
    .frontpage header .region-header { padding: 0 28px; }
    .frontpage #superfish-main li a { padding: 0 8px; font-size: 9px; }
    .home-hero__grid { min-height: 500px; }
    .home-hero__visual img { min-height: 500px; }
    .home-destination { height: auto; min-height: 600px; }
    .home-destination__content { padding: 60px; }
    .home-destination__visual { height: auto; min-height: 600px; }
    .home-space-feature { width: 100%; }
    .home-contact__content { padding-left: 45px; }
}

@media screen and (max-width: 760px) {
    .home-shell { width: calc(100% - 40px); }
    .frontpage header .region-header { height: 72px; padding: 0 20px; }
    .frontpage header .block-logoheader img { width: 84px; }
    .frontpage #superfish-main { display: none; }
    .home-hero__grid, .home-destination, .home-contact { grid-template-columns: 1fr; }
    .home-hero__content { padding: 72px 0 52px; }
    .home-hero__content h1 { width: auto; }
    .home-hero__visual { min-height: 320px; clip-path: none; }
    .home-hero__visual img { min-height: 320px; }
    .home-intro { grid-template-columns: 1fr; gap: 38px; padding: 70px 0 50px; }
    .home-intro__visual { height: 360px; }
    .home-figures { grid-template-columns: 1fr 1fr; gap: 28px 0; padding: 65px 20px; }
    .home-figures > div:nth-child(3) { border-left: 0; }
    .home-destination__content { justify-content: initial; padding: 60px 20px; }
    .home-destination__visual { min-height: 330px; height: 330px; }
    .home-spaces { width: calc(100% - 40px); padding: 72px 0; }
    .home-spaces > h2 { margin-bottom: 45px; }
    .home-space-feature { width: 100%; min-height: 0; margin-bottom: 48px; padding: 0; display: block; }
    .home-space-feature__card { position: relative; top: auto; width: calc(100% - 24px); min-height: 0; margin: 0 0 -25px; padding: 28px 24px; }
    .home-space-feature > img { width: 100%; height: 280px; }
    .home-space-list { width: 100%; }
    .home-space-list a { grid-template-columns: 1fr 20px; gap: 6px; padding: 12px 0; }
    .home-space-list a span { display: none; }
    .home-technical { min-height: 450px; padding: 75px 0; }
    .home-gallery { grid-template-columns: 1fr 1fr; gap: 10px; padding: 60px 0; }
    .home-gallery img, .home-gallery img:nth-child(even) { height: 180px; }
    .home-contact__content { padding: 60px 20px; }
    .home-contact__details { gap: 28px; }
    .home-contact__map, .home-contact__map #blockMap { min-height: 320px; }
}