@charset "UTF-8";
/* Parallax css ************************************/


.parallax {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size:2.4em;
    font-weight:bold;
    overflow: hidden;
}  
    @media only screen and (max-width:1400px)
        {.parallax{padding-top:8vh;padding-bottom:8vh;}}
    @media only screen and (min-width:769px) and (max-width:1400px) and (orientation:landscape)
        {.parallax{width:100vw;}}
      
.parallax-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.parallax-bg > picture > img{
    width: 100vw;
    height: auto;
    object-fit: contain;
    transform: translateY(0);
    will-change: transform;
    transition: transform 0.1s linear;
}
    @media (orientation: portrait) {
        .parallax-bg > picture > img {object-position: top center;}}

.parallax-text {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
    will-change: opacity, transform;
}
.parallax-text.visible {
    opacity: 1;
    transform: translateY(0);
}