/*---------------- Product Icons ----------------------*/

.icon-product-200.icon-housing-black-white,
.icon-product-200.icon-crimp-black-white,
.icon-product-200.icon-adesive-black-white,
.icon-product-200.icon-domes-black-white,
.icon-product-200.icon-led-black-white {
    background-image: url(library/css/product_icons-spread.png);
    background-size: 489% 619.5%;
    background-position: 97.4% 3.1%;
    background-repeat: no-repeat;

    width: clamp(120px, 15vw, 200px);
    height: clamp(120px, 15vw, 200px);

    display: inline-block;
    position: absolute;
    top: clamp(90px, 28vh, 200px);
    right: 0;
    opacity: 0.15;
    z-index: 2;
}

.icon-product-200.icon-housing-black-white {
    background-position: 97.4% 26.4%;
}

.icon-product-200.icon-adesive-black-white {
    background-position: 97.4% 49.7%;
}

.icon-product-200.icon-domes-black-white {
    background-position: 97.4% 74.0%;
}

.icon-product-200.icon-crimp-black-white {
    background-position: 97.4% 96.2%;
    top: clamp(90px, 41vh, 300px);
}

.icon-product-200.icon-domes-black-white.home {
    top: clamp(160px, 70vh, 524px);
}

.icon-product-200.icon-led-black-white.home {
    top: clamp(90px, 40vh, 120px);
}

.icon-product-200.icon-crimp-black-white.home {
    top: clamp(90px, 53vh, 375px);
}

.icon-product-200.icon-housing-black-white.home {
    top: clamp(90px, 41vh, 264px);
}

/************    LARGE DISPLAY    ********************/

@media only screen and (min-width: 1200px) and (max-width: 4200px) {

    .icon-product-200.icon-housing-black-white,
    .icon-product-200.icon-crimp-black-white,
    .icon-product-200.icon-adesive-black-white,
    .icon-product-200.icon-domes-black-white,
    .icon-product-200.icon-led-black-white {
        opacity: 0.3;
        position: fixed;
    }

} /* end of media query */