/* #region BANNER Parallax bg */

/* nécessite un .p-bg dans un .p-bg-wrapper moins haut
speed: auto comble la différence
 */

.p-bg-wrapper {
    position: relative;
    height: 40vh;
    overflow: hidden;
}

.p-bg {
    height: 50vh;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

@media (min-width: 768px) {
    .p-bg-wrapper {
        height: 60vh;
    }

    .p-bg {
        height: 70vh;
    }
}

/* #endregion */

/* #region REVEAL ON SCROLL */

.js .p-reveal-class {
    position: relative;
    opacity: 0;
    top: 30px;

    transition: opacity 1s .2s, top 1s .2s ease-out;
}

.js .p-visible {
    opacity: 1;
    top: 0;
}

/* #endregion */