.container-fluid.subpage-intro {
    padding:0;
    background:var(--greygradient);
    height:auto;
    position:relative;
    overflow:hidden;
}


.subpage-intro-content {
    padding-right:5%;
    padding-top:10vh;
    padding-bottom:10vh;
    z-index:4;
    position:relative;
    span.green {
        color:var(--bs-white);
        font-size:var(--mfont);
        letter-spacing:var(--wide);
        text-transform:uppercase;
        margin-bottom:var(--xtrasmallspace);
        display:block;
    }
    h1 {
        margin-bottom:var(--xtrasmallspace);
        font-size:45px;
    }
    .intro-teaser {
        position:relative;
        padding-top:10vh;
        span.green {
            color:var(--bs-primary);
            font-size:var(--tfont);
            letter-spacing:var(--wide);
            text-transform:uppercase;
            display:block;
            margin-bottom:5px;
        }
        p {
            width:75%;
            margin-bottom:0;
        }
        a {
            font-weight:700;
        }
    }
    .iconlink {
        margin-top:50px;
        display: block;
        svg {
            width:34px;
            height:46px;
        }
    }
}

.product-right .subpage-intro-content span.green {
    color:var(--bs-primary);
}

/* Fullsize Options */

.background-fullsize .slideContent {
    padding:10vh 0;
}

.container-fluid.subpage-intro.background-fullsize .subpage-intro-content > * {
    position:relative;
    z-index:3;
}

.background-fullsize .subpage-intro-content p,
.background-fullsize .subpage-intro-content h1 {
    color:var(--bs-white);
}

.container-fluid.subpage-intro.background-fullsize:after {
    content:"";
    width:60%;
    height:100%;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
}

.container-fluid.subpage-intro.background-fullsize .subpage-intro-image {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:1;
}

/* Product Options */

.subpage-intro-image {
    img {
        width:100%;
        height:100%;
        object-fit:cover;
    }
}


.subpage-intro.product-right .subpage-intro-product-image {
    padding: 10vh 0;
    padding-left: 5%;
}

.subpage-intro.product-right .subpage-intro-product-image img {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}

@media screen and (max-width: 1400px) {
    .subpage-intro-content {
        padding-right:5%;
    }
}

@media screen and (max-width: 960px) {
    .subpage-intro-content span.green {
        color: var(--bs-primary);
    }
    .container-fluid.subpage-intro,
    .subpage-intro-content{
        height:auto;
        min-height:auto;
        background:none;
        display:flex;
        flex-wrap:wrap;
    }
    .container-fluid.subpage-intro > .frame-container {
        flex:0 1 100%;
        max-width:100%;
        order:2;
    }
    .subpage-intro-content {
        flex:0 1 100%;
        order:2;
        padding: 30px 9%;
        display:block;
    }
    .background-fullsize .subpage-intro-content h1,
    .product-right .subpage-intro-content h1 {
        font-size:30px;
    }
    .background-fullsize .subpage-intro-content h1,
    .product-right .subpage-intro-content h1,
    .product-right .subpage-intro-content p,
    .background-fullsize .subpage-intro-content p {
        color:var(--bs-dark);
    }
    .subpage-intro-content span.green {
        font-size:var(--tfont);
        letter-spacing:1px;
        margin-bottom:0;
    }
    .subpage-intro-content .iconlink {
        margin-top:10px;
    }
    .subpage-intro-content .intro-teaser {
        position: relative;
        bottom: inherit;
        margin-top: 45px;
        padding-top:0;
    }
    .subpage-intro-content .intro-teaser p {
        width: 100%;
    }
    .container-fluid.subpage-intro.background-fullsize .subpage-intro-image,
    .container-fluid.subpage-intro.product-right .subpage-intro-product-image {
        padding:0;
        flex:0 1 100%;
        order:1;
        position:relative;
    }
    .container-fluid.subpage-intro.background-fullsize:after {
        display:none;
    }
    .product-right .subpage-intro-image {
        /*transform:scale(-1,1);*/
        position:relative;
    }
}