/* PARALLAX HEXAGON */

.parallaxHexagonBackground {
    background-image: url('../assets/shared/parallaxHex1.png');
    background-repeat: no-repeat;
    background-size: 11vw;
    height: 11vw;
    position: fixed;
    width: 11vw;
    top: 0;
    z-index: 8;
    pointer-events: none;
    transform: translate3d(0, 0, 0);
    transition: transform 0s linear;
}
.parallaxHexagonBackground:nth-child(2n) {
    background-image: url('../assets/shared/parallaxHex2.png');
}
.parallaxHexagonBackground:nth-child(3n) {
    background-image: url('../assets/shared/parallaxHex3.png');
}
.parallaxHexagonBackgroundFromTop {
    transform: translate3d(0, -50%, 0);
}
.parallaxHexagonBackgroundFromBottom {
    transform: translate3d(0, 150%, 0);
}
@media screen and (max-width: 630px) {
    .parallaxHexagonBackground {
        display: none;
    }
}