/* Ecreo Overwrites */

@media (max-width: 991px) {
    .npp-col-width-default {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.col-width-4 {
    margin-left: 16.66667%;
    margin-right: 16.66667%;
}

.col-width-1 {
    margin-left: 10%;
    margin-right: 10%;
}

.col-width-2 {
    margin-left: 7%;
    margin-right: 7%;
}

.col-width-3 {
    margin-left: 0;
    margin-right: 0;
}

/*Default Parallax */
.parallax {
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/*Sticky Parallax */
.parallax-section {
    position: relative;
}

/* sticky background */
.parallax-bg {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
    z-index: 0;
}
.parallax-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.parallax-content {
    padding-bottom:30px;
    position: relative;
    z-index: 1;
    margin-top: -100vh;   
    padding-top: 100vh;   /* ensure enough space to scroll text inside bg area */
}