////////////  PROTO


#megaWrapper {
    height: 100%;
}

.megaScrollContainer {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    position: relative;
}

.proto {

    // per limitarne la visualizzazione su DESKTOP
    //toDO togliere
    max-width: 412px;
    overflow-x: hidden;
    margin: auto;
    // FINE TODO

    background-color: white;

    &__header {
        max-width: 412px;
        background-image: url("../../assets/proto/proto-header.svg");
        //background: $linear-grad-viola;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: top center;
        width: 100%;
        height: 70px;
        top:-150px;
        position: fixed;
        z-index: 500;
    }
}

.footer_fake {
    position: relative;
    background-image: url("../../assets/img/footer.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    height: 88vh;
    height: 575px;
}


@media screen and (min-width: 1024px) {
    .proto {
        max-width: 100%;

        &__header {
            max-width: unset;
            width: 100%;
            height: 65px;
            background-size: 100% 100%;
            background-position: center;

            background-image: url("../../assets/img/header/header_pattern.jpg");

            &__bg {
                max-width: unset;
                width: 100%;
                height: 65px;
                background-size: auto 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-image: url("../../assets/proto/proto-header_desktop-ridotto.png");

            }
        }

    }

    .footer_fake {
        background-size: 100% auto;
        background-position-x: 0;
        background-image: url("../../assets/img/footer_desktop.jpg");
        height: 260px;
    }
}