/*////// SECTION ACCENTS //////*/
div.left-accent {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    width: 5.1rem;
    background: rgba(191, 191, 191, 0.70);
    mix-blend-mode: multiply;
    /*border: 1px solid red;*/
}
div.right-accent {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
    width: 5.1rem;
    background: rgba(191, 191, 191, 0.70);
    mix-blend-mode: multiply;
    /*border: 1px solid red;*/
}





/*////// HERO SECTION //////*/
section.hero-section {
    padding-top: 9rem;
    padding-bottom: 5.5rem;
}
section.hero-section div.hero-container {
    height: 100rem;
    padding: 0 0 0 0;
    background: #727070;
    background: #D9D9D9;
}
/*//// HERO SECTION ACCENTS ////*/
div.hero-container div.left-accent,
div.hero-container div.right-accent {
    bottom: -5.5rem;
}

/*//// FLEX ////*/
div.hero-container div.hero-flex-container {
    height: 100%;
}
div.hero-flex-container div.hero-flex-item {
    height: 100%;
}

/*// SPECIFICS //*/
#hero-flex-item-1 {}
#hero-flex-item-1.animated {}

/*//  NEW HERO IMAGE //*/
#hero-flex-item-1 div.image-container {
    position: relative;
    width: 192rem;
    height: 100rem;
    overflow: hidden;
    opacity: 0;
    transition: opacity 1.5s ease;
    transition: opacity 1.8s ease;
}
#hero-flex-item-1.animated div.image-container {
    opacity: 1;
}
#hero-flex-item-1.animated div.image-container {  }
#hero-flex-item-1 div.image-container img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-52%,-49%) scale(1.2);
    width: 100%;
    height: auto;
    transition: all 5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#hero-flex-item-1.animated div.image-container img {
    transform: translate(-33.7%,-47%) scale(1);
}

/*//  OLD HERO IMAGE //*/
#hero-flex-item-1 div.hero-image-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('https://formworkdev.wpenginepowered.com/wp-content/uploads/2024/09/formwork-home-hero-image-OPT-scaled.jpg');
    transition: all .9s ease;
}
#hero-flex-item-1.animated div.hero-image-container {
    left: 38rem;
}

#hero-flex-item-1 .caption-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background: #727070;
    opacity: 0;
    transition: all 1.8s ease;
    transition-delay: .5s; 
}
#hero-flex-item-1.animated .caption-container {
    width: 81.2rem;
    opacity: 1;
}
#hero-flex-item-1 .caption-container h1 {
    position: absolute;
    left: 50%;
    top: 31rem;
    transform: translateX(-47%);
    /*width: 80.2rem;*/
    width: 81rem;
    color: #FFF;
    text-align: center;
    font-family: "Reddit Sans";
    font-size: 4rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.5; /* 150% */
    text-transform: lowercase;
}
#hero-flex-item-1 .caption-container h1 span {
    display: block;
    margin-top: 1.2rem;
    opacity: 0;
    transition: all .66s ease; 
    transition-delay: 1.8s;
}
#hero-flex-item-1 .caption-container h1 span.d-1 { 
    transition-delay: 2.2s;
}
#hero-flex-item-1 .caption-container h1 span.d-2 { 
    transition-delay: 2.6s;
}
#hero-flex-item-1 .caption-container h1 span.d-3 { 
    transition-delay: 3s;
}
#hero-flex-item-1 .caption-container h1 span.d-4 { 
    transition-delay: 3.6s;
}
#hero-flex-item-1.animated .caption-container h1 span {
    opacity: 1;
    margin-top: 0;
}


/*/// MOBILE SITE TITLE ///*/
#hero-flex-item-2 {
    padding: 6rem 4rem;
}
#hero-flex-item-2 .caption-container {
    position: relative;
    height: 220px;
    padding: 0 0;
    background: #727070;
    opacity: 0;
    transition: all 1.8s ease;
    transition-delay: .5s; 
}
#hero-flex-item-2.animated .caption-container {
    opacity: 1;
}
#hero-flex-item-2 .caption-container h1 {
    position: absolute;
    width: 100%;
    color: #ffffff;
    text-align: center;
    font-family: "Reddit Sans";
    font-size: 3rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.4;
    text-transform: lowercase;
}
#hero-flex-item-2 .caption-container h1 span {
    display: block;
    margin-top: 1.2rem;
    opacity: 0;
    transition: all .66s ease; 
    transition-delay: 1.8s;
}
#hero-flex-item-2 .caption-container h1 span.d-1 { 
    transition-delay: 2.2s;
}
#hero-flex-item-2 .caption-container h1 span.d-2 { 
    transition-delay: 2.6s;
}
#hero-flex-item-2 .caption-container h1 span.d-3 { 
    transition-delay: 3s;
}
#hero-flex-item-2 .caption-container h1 span.d-4 { 
    transition-delay: 3.6s;
}
#hero-flex-item-2.animated .caption-container h1 span {
    opacity: 1;
    margin-top: 0;
}





/*////// ELEVATE SECTION //////*/
section.elevate-section {}
section.elevate-section div.elevate-container {
    padding: 0 0 5.5rem 0;
}

/*//// FLEX ////*/
div.elevate-container div.elevate-flex-container {}
div.elevate-flex-container div.elevate-flex-item {}

/*// SPECIFICS //*/
#elevate-flex-item-1 {}

#elevate-flex-item-1 div.image-container {
    position: relative;
    width: 192rem;
    height: 100.6rem;
    overflow: hidden;
    transform: translateY(-10%);
    opacity: 0;
    transition: all .8s ease;
}
#elevate-flex-item-1 div.image-container.animated {
    transform: translateY(0);
    opacity: 1;
}
/*// SCRIM //*/
#elevate-flex-item-1 div.image-scrim {
    position: absolute;
    right: 0;
    bottom: -5rem;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 74rem;
    background: linear-gradient(201deg, rgba(245, 181, 74, 0.00) 44.81%, rgba(31, 69, 77, 0.75) 75.38%);
    background: linear-gradient(201deg, rgba(245, 181, 74, 0.00) 51%, rgba(31, 69, 77, 0.75) 75.38%);
    mix-blend-mode: multiply;
    opacity: .85;    
}
/*// IMAGE //*/
#elevate-flex-item-1 div.image-container img.background {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
    display: block;
    width: 100%;
    height: auto;
    transition: all 2.5s linear;
}
#elevate-flex-item-1 div.image-container:hover img.background {
    transform: translate(-50%,-50%) scale(1.045);
}


/*//// UNIVERSAL CAPTION CONTAINER ////*/
div.image-container div.caption-container {
    position: absolute;
    top: 0;
    left: 29rem;
    bottom: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
    width: 52rem;
    padding: 2.2rem 3rem 5rem 3rem;
    background: rgba(93, 149, 154, .6);
    opacity: 0;
    transform: translateX(-4rem);
    transition: all 1s ease;
    transition-delay: .8s;
}
div.image-container.animated div.caption-container {
    opacity: 1;
    transform: none;
}
/*//// CAPTION COPY ////*/
div.image-container div.caption-container h2 {
    color: #FFF;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Reddit Sans";
    font-size: 6rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1; /* 100% */
    text-transform: lowercase;
}
div.image-container div.caption-container p {
    width: 100%;
    max-width: 40.4rem;
    margin: .6rem auto;
    color: #FFF;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Reddit Sans";
    font-size: 2.8rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.28; /* 128.571% */
    text-transform: lowercase;
}
div.image-container div.caption-container img.scroll-more {
    position: relative;
    transform: none;
    display: block;
    width: 6rem;
    margin-top: 10rem;
}




/*////// BALANCE SECTION //////*/
section.balance-section {}
section.balance-section div.balance-container {
    padding: 0 0 5.5rem 0;
}

/*//// FLEX ////*/
div.balance-container div.balance-flex-container {}
div.balance-flex-container div.balance-flex-item {}

/*// SPECIFICS //*/
#balance-flex-item-1 {}
#balance-flex-item-1 div.image-container {
    position: relative;
    width: 192rem;
    height: 100.6rem;
    overflow: hidden;
    transform: translateY(-10%);
    opacity: 0;
    transition: all .8s ease;
}
#balance-flex-item-1 div.image-container.animated {
    transform: translateY(0);
    opacity: 1;
}
/*// SCRIM //*/
#balance-flex-item-1 div.image-scrim {
    position: absolute;
    right: 0;
    bottom: -5rem;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 74rem;
    background: linear-gradient(201deg, rgba(245, 181, 74, 0.00) 44.81%, rgba(31, 69, 77, 0.75) 75.38%);
    background: linear-gradient(201deg, rgba(245, 181, 74, 0.00) 51%, rgba(31, 69, 77, 0.75) 75.38%);
    mix-blend-mode: multiply;
    opacity: .85;
}
#balance-flex-item-1 div.image-container img.background {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
    display: block;
    width: 100%;
    height: auto;
    transition: all 2.5s linear;
}
#balance-flex-item-1 div.image-container:hover img.background {
    transform: translate(-50%,-50%) scale(1.045);
}
/*/ OFFSET CAPTION /*/
#balance-flex-item-1 div.caption-container {
    right: 29rem;
    left: initial;
}




/*////// ELEGANT SECTION //////*/
section.elegant-section {}
section.elegant-section div.elegant-container {
    padding: 0 0 5.5rem 0;
}

/*//// FLEX ////*/
div.elegant-container div.elegant-flex-container {}
div.elegant-flex-container div.elegant-flex-item {}

/*// SPECIFICS //*/
#elegant-flex-item-1 {}
#elegant-flex-item-1 div.image-container {
    position: relative;
    width: 192rem;
    height: 100.6rem;
    overflow: hidden;
    transform: translateY(-10%);
    opacity: 0;
    transition: all .8s ease;
}
#elegant-flex-item-1 div.image-container.animated {
    transform: translateY(0);
    opacity: 1;
}
/*// SCRIM //*/
#elegant-flex-item-1 div.image-scrim {
    position: absolute;
    right: 0;
    bottom: -5rem;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 74rem;
    background: linear-gradient(201deg, rgba(245, 181, 74, 0.00) 44.81%, rgba(31, 69, 77, 0.75) 75.38%);
    background: linear-gradient(201deg, rgba(245, 181, 74, 0.00) 51%, rgba(31, 69, 77, 0.75) 75.38%);
    mix-blend-mode: multiply;
    opacity: .85;
}
#elegant-flex-item-1 div.image-container img.background {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
    display: block;
    width: 100%;
    height: auto;
    transition: all 2.5s linear;
}
#elegant-flex-item-1 div.image-container:hover img.background {
    transform: translate(-50%,-50%) scale(1.045);
}





/*////// MODERN SECTION //////*/
section.modern-section {}
section.modern-section div.modern-container {
    padding: 0 0 0 0;
}

/*//// FLEX ////*/
div.modern-container div.modern-flex-container {}
div.modern-flex-container div.modern-flex-item {}

/*// SPECIFICS //*/
#modern-flex-item-1 {}
#modern-flex-item-1 div.image-container {
    position: relative;
    width: 192rem;
    height: 100.6rem;
    overflow: hidden;
    transform: translateY(-10%);
    opacity: 0;
    transition: all .8s ease;
}
#modern-flex-item-1 div.image-container.animated {
    transform: translateY(0);
    opacity: 1;
}
/*// SCRIM //*/
#modern-flex-item-1 div.image-scrim {
    position: absolute;
    right: 0;
    bottom: -5rem;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 74rem;
    background: linear-gradient(201deg, rgba(245, 181, 74, 0.00) 51%, rgba(31, 69, 77, 0.75) 75.38%);
    mix-blend-mode: multiply;
    opacity: .85;
}
#modern-flex-item-1 div.image-container img.background {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
    display: block;
    width: 100%;
    height: auto;
    transition: all 2.5s linear;
}
#modern-flex-item-1 div.image-container:hover img.background {
    transform: translate(-50%,-50%) scale(1.045);
}
/*/ OFFSET CAPTION /*/
#modern-flex-item-1 div.caption-container {
    right: 29rem;
    left: initial;
}




/*////// MODERN SECTION //////*/
section.cta-section {}
section.cta-section div.cta-container {
    padding: 6.6rem 28rem;
    background: #5D959A;
}

/*//// FLEX ////*/
div.cta-container div.cta-flex-container {}
div.cta-flex-container div.cta-flex-item {
    padding: 0 0 0 0;
}

/*LEFT*/
div.vert-class {
    position: relative;
    top: 51%;
    transform: translateY(-50%);
}
div.cta-flex-item h3 {
    color: #FFF;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Reddit Sans";
    font-size: 4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1; /* 100% */
    text-transform: lowercase;
}
/*RIGHT*/
div.cta-flex-item h4 {
    margin-bottom: 0.6rem;
    color: #FFF;
    font-family: "Reddit Sans";
    font-size: 2.8rem;
    font-style: italic;
    font-weight: 700;
    line-height: 1.28; /* 128.571% */
}
div.cta-flex-item a.cta-button {
    display: inline-flex;
    padding: 1.7rem 6rem 1.4rem 6rem;
    border-radius: 0.5rem;
    background: #ffffff;
    color: #5D959A;
    border: 1px solid #ffffff;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Reddit Sans";
    font-size: 2rem;
    font-style: normal;
    font-weight: 800;
    line-height: .8; /* 80% */
    text-transform: uppercase;
    text-align: center;
    transition: all .3s ease;
}
div.cta-flex-item a.cta-button:hover {
    background: #5D959A;
    color: #ffffff;
}

/*// SPECIFICS //*/
#cta-flex-item-1 {}
#cta-flex-item-2 {}





/*////// GRANULAR RESPONSIVE //////*/
/*// MOBILE SCREEN //*/
@media only screen and (max-width: 1024px) { }

/*// SMALL MOBILE //*/
@media only screen and (max-width: 851px) {

        /*br { display: none !important; }*/


        /*//// ACCENTS ////*/
        div.left-accent,
        div.right-accent { width: 2rem; }


        /*//// HERO SECTION ////*/
        section.hero-section { padding-top: 80px; }
        section.hero-section div.hero-container { height: auto; padding: 0 0; background: #727070; }

        #hero-flex-item-1 div.image-container { width: 100%; height: auto; overflow: hidden; }
        #hero-flex-item-1 div.image-container.animated { width: 100%; }
        #hero-flex-item-1 div.image-container img { position: relative; top: -20rem; left: 0; transform: none !important; opacity: 0; transition: all 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
        #hero-flex-item-1.animated div.image-container img { top: 0; opacity: 1; }


        /*//// UNIVERSAL CAPTION CONTAINER ////*/
        div.image-container div.caption-container { position: relative; display: inline-block; top: 99.5%; left: 0; 
            width: 100%; padding: 3rem 4rem; background: rgba(93, 149, 154, 1); opacity: 1; transform: none; }
        /*//// CAPTION COPY ////*/
        div.image-container div.caption-container h2 { width: 100%; margin-bottom: 2rem; font-size: 3rem; line-height: 1.2; /*color: #4d4d4d;*/ }
        div.image-container div.caption-container p { width: 100%; max-width: 75vw; margin-bottom: 1rem; font-size: 2.4rem; /*color: #4d4d4d;*/ }
        div.image-container div.caption-container img.scroll-more { top: initial !important; transform: none !important; margin: 0 auto; }
        /*//// MOBILE PARALLAX ////*/

        
        /*//// ELEVATE SECTION ////*/
        section.elevate-section { }
        section.elevate-section div.elevate-container { height: auto; padding: 2rem 0 30rem 0; margin-bottom: 0; }
        #elevate-flex-item-1 div.image-container { width: 100%; height: 50rem; overflow: visible; }
        #elevate-flex-item-1 div.image-container.animated { width: 100%; }
        #elevate-flex-item-1 div.image-container img { top: 0; transform: translateX(-50%); }


        /*//// BALANCE SECTION ////*/
        section.balance-section { }
        section.balance-section div.balance-container { height: auto; padding: 2rem 0 30rem 0; margin-bottom: 0; }
        #balance-flex-item-1 div.image-container { width: 100%; height: 50rem; overflow: visible; }
        #balance-flex-item-1 div.image-container.animated { width: 100%; }
        #balance-flex-item-1 div.image-container img { top: 0; transform: translateX(-50%); }
        /*/ OFFSET CAPTION /*/
        #balance-flex-item-1 div.caption-container { right: initial; left: 0; }


        /*//// ELEGANT SECTION ////*/
        section.elegant-section { }
        section.elegant-section div.elegant-container { height: auto; padding: 2rem 0 30rem 0; margin-bottom: 0; }
        #elegant-flex-item-1 div.image-container { width: 100%; height: 50rem; overflow: visible; }
        #elegant-flex-item-1 div.image-container.animated { width: 100%; }
        #elegant-flex-item-1 div.image-container img { top: 0; transform: translateX(-50%); }


        /*//// MODERN SECTION ////*/
        section.modern-section { }
        section.modern-section div.modern-container { height: auto; padding: 2rem 0 30rem 0; margin-bottom: 0; }
        #modern-flex-item-1 div.image-container { width: 100%; height: 50rem; overflow: visible; }
        #modern-flex-item-1 div.image-container.animated { width: 100%; }
        #modern-flex-item-1 div.image-container img { top: 0; transform: translateX(-50%); }
        /*/ OFFSET CAPTION /*/
        #modern-flex-item-1 div.caption-container { right: initial; left: 0; }
        #modern-image-container > div { padding-bottom: 7.2rem; }


        /*//// CTA SECTION ////*/
        section.cta-section { }
        section.cta-section div.cta-container { height: auto; padding: 4rem 4rem 7rem 4rem; margin-bottom: 0; }
        div.cta-flex-item h3 { margin-bottom: 4rem; font-size: 3rem; text-align: center; }
        #cta-flex-item-2 { width: 100%; padding-top: 3rem; text-align: center; }
        div.cta-flex-item h4 { margin-bottom: 1rem; font-size: 2.4rem; font-weight: 400; text-align: center; }

} 
@media only screen and (max-width: 480px) { 


        /*//// ACCENTS ////*/
        div.left-accent,
        div.right-accent { width: 2rem; }


        /*//// HERO SECTION ////*/
        section.hero-section { padding-top: 80px; }
        section.hero-section div.hero-container { height: auto; padding: 0 0; background: #727070; }
        #hero-flex-item-1 div.image-container { width: 100%; height: auto; overflow: hidden; }
        #hero-flex-item-1 div.image-container.animated { width: 100%; }
        #hero-flex-item-1 div.image-container img { position: relative; top: -20rem; left: 0; transform: none !important; opacity: 0; transition: all 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
        #hero-flex-item-1.animated div.image-container img { top: 0; opacity: 1; }


        /*//// UNIVERSAL CAPTION CONTAINER ////*/
        div.image-container div.caption-container { padding: 6rem 6rem; }
        /*//// CAPTION COPY ////*/
        div.image-container div.caption-container h2 { width: 100%; margin-bottom: 2rem; font-size: 3rem; line-height: 1.2; /*color: #4d4d4d;*/ }
        div.image-container div.caption-container p { width: 100%; max-width: 75vw; margin-bottom: 1rem; font-size: 2.4rem; /*color: #4d4d4d;*/ }
        div.image-container div.caption-container img.scroll-more { top: initial !important; transform: none !important; margin: 0 auto; }


        /*//// ELEVATE SECTION ////*/
        section.elevate-section { }
        section.elevate-section div.elevate-container { height: auto; padding: 2rem 0 48rem 0; margin-bottom: 0; }
        #elevate-flex-item-1 div.image-container { width: 100%; height: 28.2rem; overflow: visible; }
        #elevate-flex-item-1 div.image-container.animated { width: 100%; }
        #elevate-flex-item-1 div.image-container img { top: 0; transform: translateX(-50%); }


        /*//// BALANCE SECTION ////*/
        section.balance-section { }
        section.balance-section div.balance-container { height: auto; padding: 2rem 0 48rem 0; margin-bottom: 0; }
        #balance-flex-item-1 div.image-container { width: 100%; height: 28.2rem; overflow: visible; }
        #balance-flex-item-1 div.image-container.animated { width: 100%; }
        #balance-flex-item-1 div.image-container img { top: 0; transform: translateX(-50%); }


        /*//// ELEGANT SECTION ////*/
        section.elegant-section { }
        section.elegant-section div.elegant-container { height: auto; padding: 2rem 0 48rem 0; margin-bottom: 0; }
        #elegant-flex-item-1 div.image-container { width: 100%; height: 28.2rem; overflow: visible; }
        #elegant-flex-item-1 div.image-container.animated { width: 100%; }
        #elegant-flex-item-1 div.image-container img { top: 0; transform: translateX(-50%); }


        /*//// MODERN SECTION ////*/
        section.modern-section { }
        section.modern-section div.modern-container { height: auto; padding: 2rem 0 40rem 0; margin-bottom: 0; }
        #modern-flex-item-1 div.image-container { width: 100%; height: 28.2rem; overflow: visible; }
        #modern-flex-item-1 div.image-container.animated { width: 100%; }
        #modern-flex-item-1 div.image-container img { top: 0; transform: translateX(-50%); }


        /*//// CTA SECTION ////*/
        section.cta-section { }
        section.cta-section div.cta-container { height: auto; padding: 4rem 4rem 7rem 4rem; margin-bottom: 0; }
        div.cta-flex-item h3 { margin-bottom: 4rem; font-size: 3rem; text-align: center; }
        div.cta-flex-item h3 br { display: none; }
        #cta-flex-item-2 { width: 100%; padding-top: 3rem; text-align: center; }
        div.cta-flex-item h4 { margin-bottom: 1rem; font-size: 2.4rem; font-weight: 400; text-align: center; }


        /*//// OFFSET CAPTION & PARALLAX ////*/
        #elevate-flex-item-1 div.caption-container,
        #balance-flex-item-1 div.caption-container,
        #elegant-flex-item-1 div.caption-container,
        #modern-flex-item-1 div.caption-container { right: initial; top: 0; left: 0; }
        #elevate-image-container > div,
        #balance-image-container > div,
        #elegant-image-container > div,
        #modern-image-container > div { padding-bottom: 7.2rem; }

        div.image-container div.parallax-container {
            display: block;
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 100%;
            padding: 0 0;
            padding-bottom: 0 !important;
            margin: 0 0;
        }
        #elevate-flex-item-1 div.image-container img.background,
        #balance-flex-item-1 div.image-container img.background,
        #elegant-flex-item-1 div.image-container img.background,
        #modern-flex-item-1 div.image-container img.background,
        div.image-container img.background.parallax-image {
            display: block;
            position: absolute;
            z-index: 0;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-45%);
            width: auto; 
            height: 133%;
            height: 115%;
            height: 120%;
            will-change: transform;
            pointer-events: none;
            transition: none;
        }

}
@media only screen and (max-width: 380px) { 

        /*//// UNIVERSAL CAPTION CONTAINER ////*/
        div.image-container div.caption-container h2 { font-size: 2.8rem; }
        div.image-container div.caption-container p { font-size: 2rem; }
        div.image-container div.caption-container img.scroll-more { }

        /*//// ELEVATE SECTION ////*/
        #elevate-flex-item-1 div.image-container { height: 22.5rem; }

        /*//// BALANCE SECTION ////*/
        #balance-flex-item-1 div.image-container { height: 22.5rem; }

        /*//// ELEGANT SECTION ////*/
        #elegant-flex-item-1 div.image-container { height: 22.5rem; }

        /*//// MODERN SECTION ////*/
        #modern-flex-item-1 div.image-container { height: 22.5rem; }

        /*//// CTA SECTION ////*/
        div.cta-flex-item a.cta-button { padding: 1.7rem 3rem 1.4rem 3rem; }

}
@media only screen and (max-width: 360px) { }
@media only screen and (max-width: 320px) { }


/*//// LANDSCAPE STYLES ////*/
@media screen and (max-width: 851px) and (orientation: landscape) { }
@media screen and (max-width: 815px) and (orientation: landscape) { }
@media screen and (max-width: 667px) and (orientation: landscape) { }
@media screen and (max-width: 570px) and (orientation: landscape) { }


/*//// DEBUG STYLES - TEST ////*/
main .debug {
	border: 1px solid rgba( 255, 0, 0, .5) !important;
}