/********************************************************************** GENERAL/MISC SITE STYLING */
    
    body,
    html {
        height: 100%;
        margin: 0;
        font: 400 15px/1.8 "Lato", sans-serif;
        color: #777;
    }
    
    @keyframes title-slide {
        0% {
            transform: translateX(-500px);
        }
        100% {
            transform: translateX(0px);
        }
    }
    
    @keyframes logo-bounce {
        0% {
            transform: translateY(-20px);
        }
        50% {
            transform: translateY(0px);
        }
        100% {
            transform: translateY(-20px);
        }
    }
    
    @keyframes title-slideThreadClosed {
        0% {
            transform: translateX(100%);
        }
        100% {
            transform: translateX(50%);
        }
    }
    
    @keyframes title-slideThreadWireClosed {
        0% {
            transform: translateX(103%);
        }
        100% {
            transform: translateX(56.5%);
        }
    }
    
    @keyframes title-slideThreadOpen {
        0% {
            transform: translateX(1%);
            opacity: 0;
            /* display: hidden; */
            /* transform: translateX(-2000px); */
            /* opacity: 0; */
        }
        90% {
            transform: translateX(45%);
            opacity: 0;
            /* overflow: hidden; */
            /* left: -500px; */
            /* display: hidden; */
            /* transform: translateX(-2000px); */
            /* opacity: 0; */
        }
        100% {
            transform: translateX(50%);
            opacity: 1;
        }
    }
    
    @keyframes title-slideThreadWireOpen {
        0% {
            transform: translateX(0%);
            /* opacity: 0.1; */
            left: -3000px;
            /* overflow: hidden; */
            /* display: hidden; */
            /* transform: translateX(-2000px); */
            /* opacity: 0; */
        }
        70% {
            left: -1000px;
        }
        100% {
            transform: translateX(0%);
            opacity: 1;
        }
    }
    
    h1 {
        font-size: 17px;
        /* display: inline-block;
    border: 1px solid black;
    border-color: #fff;
    background: #fff; */
        /* color: #000000; */
        /* text-shadow: -0.5px 0.5px 0px #fff; */
    }
    
    hr.title {
        /* border-top: 100px bold #111; */
        width: 50%;
        height: 100%;
        opacity: 1;
    }
    
    hr.midBlack {
        width: 35%;
        /* margin: auto; */
        margin-top: 1%;
        margin-bottom: 1%;
        height: 0.5px;
        /* background: linear-gradient(135deg, #ECEDDC 25%) -20px 0, linear-gradient(225deg, #ECEDDC 25%) -20px 0, linear-gradient(315deg, #ECEDDC 25%), linear-gradient(45deg, #ECEDDC 25%); */
        /* background-size: 20px 20px; */
        background-color: #111;
    }
    
    #title {
        padding: 3% 15%;
        background-color: #dc3545;
    }
    
    .navbar {
        border: 0 !important;
        border: none !important;
    }
    /* Set the border color to the desired color */
    /* Set navbar to custom color  */
    
    .custom-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(240,148,49)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }
    
    .custom-toggler.navbar-toggler {
        border-color: #f09431;
    }
    /* NavLink text color
     */
    
    .navbar-nav .nav-item .nav-link {
        color: #f09431;
    }
    /* NavLink hover color
     */
    
    .navbar-nav .nav-item.active .nav-link,
    .navbar-nav .nav-item:hover .nav-link {
        color: #f5b978;
    }
    
    .navbar-brand {
        padding-left: 14%;
        font-family: "Hind Siliguri", sans-serif;
        font-size: xx-large;
        /* text-shadow: -2px 2px 0px #7A7A7A; */
        text-shadow: -2px 2px 0px #000000;
        /* working title animation  */
        animation: title-slide .6s ease-in-out;
        /* color: #f09431; */
    }
    
    .navbar-brand:hover {
        /* color: #000000; */
        /* color: #000000; */
        /* background-color: #; */
        text-shadow: -1.75px 1.5px 0px #f09431;
    }
    
    .navbar-nav {
        padding-right: 19%;
    }
    /* .nav-item {
    padding-right: 19%;
} */
    
    #nav-section {
        padding-bottom: 1rem;
    }
    
    .wireText-container {
        /* padding: 3% 11%; */
    }
    
    #services {
        background-color: #bce0da;
        padding: 3% 11%;
        text-align: center;
        z-index: 1;
    }
    
    #industries {
        background-color: #ebf5ee;
        padding: 3% 11%;
    }
    
    .industryText-container {
        /* padding: 3% 11%; */
    }
    
    #contact-info-text {
        background-color: #ebf5ee;
        padding: 3% 11%;
        text-align: center;
        /* position: absolute;
        z-index: 1; */
    }
    
    .footer {
        /* padding-left: 32%; */
        position: relative;
        /* position: fixed; */
        /* height: 100%; */
    }
    
    #footer {
        background-color: #bdc6b8;
        text-align: center;
        /* position: absolute; */
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1rem;
        /* height: 100%; */
        /* padding: 3% 11%; */
    }
    /* #footer {

    background-color: #BDC6B8;
    text-align: center;
    /* position: absolute; */
    /* right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    height: 100%; */
    /* padding: 3% 11%; */
    /* } */
    
    .caddo-office {
        border-radius: 2%;
        width: 100%;
        height: 5%;
    }
    
    #contact-info-img {
        background-color: #bce0da;
        padding: 3% 11%;
        text-align: center;
    }
    
    body {
        min-height: 100%;
    }
    
    html {
        height: 100%;
    }
    /******************************************** HOME/INDEX PAGE STYLING */
    
    hr {
        display: block;
        position: absolute;
        border-top: 14px solid #000;
        z-index: -800;
        left: 0px;
        width: 100%;
        margin: 0;
    }
    
    hr.right {
        left: auto;
        right: 0px;
    }
    
    hr#thread2 {
        /* this hits directly below main title  */
        /* top: 6.3em; */
        top: 31.5%;
        border-color: #000000;
    }
    
    hr#thread3 {
        /* this hits directly below main title  */
        /* top: 6.3em; */
        top: -2%;
        border-color: #dc3545;
        z-index: -5;
        /* z-index: 5; */
    }
    
    hr#thread4 {
        /* this hits directly below main title  */
        /* top: 6.3em; */
        top: 30%;
        border-color: #dc3545;
    }
    
    hr#thread6 {
        border-color: #000000;
        top: -4%;
        z-index: -6;
    }
    
    hr#threadOpenConnector {
        /* for whatever reason, openConnectors animation is currently working for closed */
        background-image: url(/SVGplayground/openBlockSM.png);
        display: block;
        height: 100px;
        border: 0;
        /* border-color: white; */
        top: 38%;
        z-index: 1;
    }
    
    hr#threadClosedConnector {
        background-image: url(/SVGplayground/closedBlockSM5.png);
        display: block;
        height: 100px;
        border: 0;
        /* border-color: white; */
        top: 38%;
        z-index: 1;
    }
    
    hr#threadOpenWire {
        /* background-image: url(/SVGplayground/openConnector.png); */
        display: inline-block;
        /* transform-origin: -500px; */
        border-width: 70px;
        /* border-color: #000000; */
        top: 43.7%;
        z-index: -20;
        left: 0;
        /* overflow: hidden; */
        /* z-index: -5; */
    }
    
    hr#threadClosedWire {
        /* background-image: url(/SVGplayground/openConnector.png); */
        display: block;
        border-width: 70px;
        /* background: rgb(76,76,76); Old browsers */
        border-color: -moz-linear-gradient(top, rgba(76, 76, 76, 1) 0%, rgba(102, 102, 102, 1) 25%, rgba(71, 71, 71, 1) 39%, rgba(44, 44, 44, 1) 50%, rgba(0, 0, 0, 1) 51%, rgba(17, 17, 17, 1) 60%, rgba(43, 43, 43, 1) 76%, rgba(28, 28, 28, 1) 91%, rgba(89, 89, 89, 1) 93%, rgba(89, 89, 89, 1) 93%, rgba(19, 19, 19, 1) 100%);
        /* FF3.6-15 */
        /* border-color: #000000; */
        /* border-color: rgb(2, 0, 36); */
        /* border-color: rgb(2, 0, 36), linear-gradient(0deg, rgba(2, 0, 36, 1) 66%, rgba(255, 255, 255, 1) 97%, rgba(119, 122, 125, 1) 100%); */
        /* border-color: rgb(2, 0, 36); */
        /* border-color: linear-gradient(0deg, rgba(2, 0, 36, 1) 26%, rgba(119, 122, 125, 1) 100%, rgba(0, 212, 255, 1) 100%); */
        top: 43.7%;
        z-index: 2;
        /* z-index: 3; */
    }
    /* hr#threadOpenConnector:before,
    hr#threadOpenConnector:after {
        background-image: url(/SVGplayground/openConnector.png);
    } */
    
    @keyframes thread2 {
        0% {
            width: 100%;
        }
        50% {
            width: 100%;
        }
        80% {
            width: 0px;
        }
        100% {
            width: 100%;
        }
    }
    
    @keyframes thread3 {
        0% {
            width: 0%;
        }
        90% {
            width: 100%;
        }
        100% {
            width: 0%;
        }
    }
    
    .menuAnimation {
        /* padding-bottom: 1.5%; */
        padding-top: 3.5%;
        height: 50PX;
        background-color: transparent;
    }
    
    @-webkit-keyframes kenburns-top {
        0% {
            -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
            -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
        }
        100% {
            -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
            -webkit-transform-origin: top;
            transform-origin: top;
        }
    }
    
    @keyframes kenburns-top {
        0% {
            -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
            -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
        }
        100% {
            -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
            -webkit-transform-origin: top;
            transform-origin: top;
        }
    }
    
    .bgimg-1,
    .bgimg-2,
    .bgimg-3,
    .bgimg-4 {
        position: relative;
        opacity: 0.85;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
        background-repeat: no-repeat;
    }
    
    .webp .bgimg-1 {
        /* background-image: url("caddo_bldgBackground.jpg"); */
        /* background-image: url("newCaddoExterior_optimized.png"); */
        /* unblurred */
        /* background-image: url("newCaddoExteriorOptimized\(5-13-20\).webp"); */
        background-image: url("/photoshopDemos/goldCaddoBuilding.webp");
        /* blurred */
        /* background-image: url("caddoBuildingOptim.webp"); */
        min-height: 100%;
    }
    
    .no-webp .bgimg-1 {
        /* background-image: url("caddo_bldgBackground.jpg"); */
        /* background-image: url("newCaddoExterior_optimized.png"); */
        /* unblurred */
        /* background-image: url("newCaddoExteriorOptimized\(5-13-20\).webp"); */
        background-image: url("/photoshopDemos/goldCaddoBuilding.jp2");
        /* blurred */
        /* background-image: url("caddoBuildingOptim.webp"); */
        min-height: 100%;
    }
    
    .webp .bgimg-2 {
        /* background-image: url("caddo_bldgBackground.jpg"); */
        /* background-image: url("secondParallax_optimized.png"); */
        background-image: url("/photoshopDemos/rBraidWheel-crop.webp");
        min-height: 20%;
        /*begin experiment for shadows*/
        /* box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2); */
        /* z-index: 1; */
        /* background: inherit; */
        /* overflow: hidden; */
        /* background-color: rgba(255, 255, 255, .15);
    backdrop-filter: blur(1000px); */
        /* position: relative;
    overflow: hidden; */
    }
    
    .no-webp .bgimg-2 {
        /* background-image: url("caddo_bldgBackground.jpg"); */
        /* background-image: url("secondParallax_optimized.png"); */
        background-image: url("/photoshopDemos/rConnectors-crop.jp2");
        min-height: 20%;
        /*begin experiment for shadows*/
        /* box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2); */
        /* z-index: 1; */
        /* background: inherit; */
        /* overflow: hidden; */
        /* background-color: rgba(255, 255, 255, .15);
    backdrop-filter: blur(1000px); */
        /* position: relative;
    overflow: hidden; */
    }
    /* .bgimg-2:before {
    content: "";
    position: absolute;
    background: inherit;
    z-index: -1;
    top: -25px;
    left: -25px;
    right: 0;
    bottom: 0;
    box-shadow: inset 0 0 500px rgba(25, 25, 25, .3);
    filter: blur(3px);
    /* margin: -20px; */
    /* } */
    
    .webp .bgimg-3 {
        /* background-image: url("caddo_bldgBackground.jpg"); */
        /* background-image: url("thirdParallax_optimized.png"); */
        background-image: url("/photoshopDemos/goldTangledWires.webp");
        min-height: 20%;
    }
    
    .no-webp .bgimg-3 {
        /* background-image: url("caddo_bldgBackground.jpg"); */
        /* background-image: url("thirdParallax_optimized.png"); */
        background-image: url("/photoshopDemos/goldTangledWires.jp2");
        min-height: 20%;
    }
    
    .webp .bgimg-4 {
        /* background-image: url("caddo_bldgBackground.jpg"); */
        /* background-image: url("fourthParallax_optimized.png"); */
        background-image: url("/photoshopDemos/rConnectors-crop.webp");
        min-height: 20%;
    }
    
    .no-webp .bgimg-4 {
        /* background-image: url("caddo_bldgBackground.jpg"); */
        /* background-image: url("fourthParallax_optimized.png"); */
        background-image: url("/photoshopDemos/rConnectors-crop.jp2");
        min-height: 20%;
    }
    
     :before,
     :after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .titleWrapper {
        /* font-family: 'Oswald', sans-serif; */
        text-align: center;
        /* ACTUAL CAPTION JUMBO BACKGROUND COLOR PROPERTY!vvvvvvvvvvvv */
        background-color: transparent;
    }
    /* Clip text element */
    
    .caption {
        position: absolute;
        left: 0;
        top: 40%;
        width: 100%;
        text-align: center;
        color: #000;
        /* animation: title-slide .6s ease-in-out; */
    }
    /* .caption span.jumbo {
    background-color: #fff;
    color: #dc3545;
    padding: 18px;
    
    font-size: 25px;
    letter-spacing: 10px;
} */
    
    .caption h1.jumbo {
        /* background-color: #f09431; */
        /* border-color: #f09431; */
        /* background-color: none; */
        color: #dc3545;
        /* opacity: 0.9; */
        /* padding: 18px;
            padding-bottom: 18px; */
        font-size: 125px;
        /* font-size: 70px; */
        /* font-weight: 800; */
        /* font-weight: 700; */
        /* font-weight: bolder; */
        font-weight: 1000;
        letter-spacing: 5px;
        /* line-height: 0; */
        /* font-family: 'Hind Siliguri', sans-serif; */
        font-family: 'Roboto', sans-serif;
        font-kerning: auto;
        text-shadow: -6.0px 0px 0px #d3d3d3, -12px 0px 0px #fff;
        /* animation: logo-bounce .9s ease-in-out infinite; */
        /* box-shadow: 5px 10px; */
        /* text-shadow: -2px 2px 0px #000000; */
        animation: title-slide .6s ease-in-out;
    }
    
    .caption span.border {
        background-color: #dc3545;
        /* background-color: #7A7A7A; */
        /* color: #fff; */
        color: #dddddd;
        /* color: #dc3545; */
        /* color: #7A7A7A; */
        padding: 18px;
        /* padding: 0.75em; */
        font-size: 25px;
        letter-spacing: 6px;
        /* padding-top: 1%; */
        text-align: center;
        font-weight: bolder;
        /* font-weight: lighter; */
        font-family: 'Hind Siliguri', sans-serif;
        font-kerning: auto;
        box-shadow: 5px 10px;
        text-shadow: -2px 2px 0px #000000;
        /* new experiments */
    }
    
    .caption a {
        text-decoration: none;
    }
    
    .title-link a {
        text-decoration: none;
    }
    /* .caption span.border::after {
    content: "";
    z-index: -1;
    opacity: 0;
    box-shadow: 20px 25px;
} */
    
    .caption span.border:hover {
        transition: box-shadow 0.25s ease-in-out;
        /* box-shadow: 15px 15px; */
        /* new experiment */
        box-shadow: 15px 15px;
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
        /* background-color: #fff; */
        /* color: #000000; */
        background-color: #fff;
        box-shadow: #fff;
        color: #dc3545;
        text-shadow: -1.75px .75px 0px #000000;
    }
    
    span.border:hover,
    hr#thread1 {
        -webkit-animation: thread2 0s infinite;
        -moz-animation: thread2 0s infinite;
        -o-animation: thread2 0s infinite;
        animation: thread2 8s infinite;
    }
    
    hr#thread2 {
        animation: thread3 9s infinite;
        /* animation-delay: 5s; */
    }
    
    hr#thread3 {
        -webkit-animation: thread2 0s infinite;
        -moz-animation: thread2 0s infinite;
        -o-animation: thread2 0s infinite;
        animation: thread3 9s infinite;
        /* animation-delay: 5s; */
    }
    
    .caption span.border:hover,
    hr#thread4 {
        -webkit-animation: thread2 0s infinite;
        -moz-animation: thread2 0s infinite;
        -o-animation: thread2 0s infinite;
        animation: thread3 9s infinite;
        /* animation-delay: 5s; */
    }
    
    .caption span.border:hover,
    hr#thread6 {
        -webkit-animation: thread2 0s infinite;
        -moz-animation: thread2 0s infinite;
        -o-animation: thread2 0s infinite;
        animation: thread3 9s infinite;
        /* animation-delay: 5s; */
    }
    
    hr#threadOpenWire {
        -webkit-animation: thread2 0s infinite;
        -moz-animation: thread2 0s infinite;
        -o-animation: thread2 0s infinite;
        animation: title-slideThreadWireOpen 10.6s infinite;
        animation-delay: 10ms;
    }
    
    hr#threadOpenConnector {
        -webkit-animation: thread2 0s infinite;
        -moz-animation: thread2 0s infinite;
        -o-animation: thread2 0s infinite;
        /* overflow: hidden; */
        animation: title-slideThreadOpen 10.6s infinite;
    }
    
    hr#threadClosedConnector {
        -webkit-animation: thread2 0s infinite;
        -moz-animation: thread2 0s infinite;
        -o-animation: thread2 0s infinite;
        animation: title-slideThreadClosed 10.6s infinite;
    }
    
    hr#threadClosedWire {
        -webkit-animation: thread2 0s infinite;
        -moz-animation: thread2 0s infinite;
        -o-animation: thread2 0s infinite;
        animation: title-slideThreadWireClosed 10.6s infinite;
        animation-delay: 250ms;
    }
    /* hr#threadOpenWire {
        -webkit-animation: thread2 0s infinite;
        -moz-animation: thread2 0s infinite;
        -o-animation: thread2 0s infinite;
        animation: threadOpen 6.8s infinite;
    } */
    /* .caption span.border:hover::after {
    opacity: 1;
} */
    
    h3 {
        letter-spacing: 5px;
        text-transform: uppercase;
        font: 20px "Lato", sans-serif;
        color: #111;
    }
    /* HOME/index text section animations  */
    
    .wireText-container {
        animation: title-slide .6s ease-in-out;
    }
    
    .serviceText-container {
        animation: title-slide .6s ease-in-out;
    }
    
    .serviceText-container h4 {
        text-align: center;
        /* word-wrap: break-word; */
    }
    
    .serviceText-container {
        color: #111111;
        background-color: #ebf5ee;
        text-align: center;
        opacity: 0.5;
    }
    
    .serviceText-info {
        padding: 5% 10%;
    }
    
    .serviceText-info i {
        /* display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr); */
        font-size: 100px;
    }
    /* .serviceText-info img {
        size: 5%;
        ;
    } */
    
    .industryText-container {
        animation: title-slide .6s ease-in-out;
    }
    
    .covidText-container {
        animation: title-slide .6s ease-in-out;
    }
    
    .contact-text {
        animation: title-slide .6s ease-in-out;
    }
    /*****************************************************************************ABOUT PAGE STYLING */
    
    #about-img {
        background-color: #dc3545;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding: 3% 11%;
        text-align: center;
        display: block;
        /* margin: 0 auto; */
        /* position: absolute; */
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        /* padding-bottom: 5%; */
        /* padding bottom was on  */
        /* filter: drop-shadow(0 0 0.75rem crimson); */
        /* filter: drop-shadow(30px 10px 4px #4444dd); */
    }
    /* .aboutimg-1{
    background-image: url("caddo_66.PNG");
    min-height: 100%;
  } */
    /* proven good caddo story code */
    
    .about-caddostory {
        color: #777;
        /* background-color: #bce0da; */
        background-color: white;
        text-align: center;
        padding: 50px 80px;
        text-align: justify;
        min-height: 18.5%;
        padding-bottom: 5%;
        position: relative;
        z-index: 1;
        padding: 3% 15%;
    }
    
    #about-info {
        background-color: #bce0da;
        padding: 3% 11%;
        /* height: 26em; */
        height: 100%;
        text-align: center;
    }
    
    .bgimg-about {
        position: relative;
        opacity: 0.85;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
        background-repeat: no-repeat;
    }
    
    .webp .bgimg-about {
        /* background-image: url(greyCaddoPlantFarOptim.webp); */
        background-image: url(/photoshopDemos/goldCaddoPlant.webp);
        min-height: 35%;
        z-index: 200;
        /* filter: grayscale(1%); */
        filter: grayscale(5%);
        /* filter: blur(2px); */
    }
    
    .no-webp .bgimg-about {
        /* background-image: url(greyCaddoPlantFarOptim.webp); */
        background-image: url(/photoshopDemos/goldCaddoPlant.jp2);
        min-height: 35%;
        z-index: 200;
        /* filter: grayscale(1%); */
        filter: grayscale(5%);
        /* filter: blur(2px); */
    }
    
    .about-overlay {
        position: fixed;
        /* Sit on top of the page content */
        /* Hidden by default */
        width: 100%;
        /* Full width (cover the whole page) */
        height: 100%;
        /* Full height (cover the whole page) */
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        /* Black background with opacity */
        z-index: 2;
        /* Specify a stack order in case you're using a different order for other elements */
        cursor: pointer;
        /* Add a pointer on hover */
    }
    
    .bgimg-aboutSlides {
        position: absolute;
        z-index: -100;
        opacity: 0.85;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
        background-repeat: no-repeat;
    }
    
    .bgimg-aboutSlides {
        /* min-height: 20%; */
        /* z-index: -2; */
        /* max-height: 100px; */
        /* min-height: 50%; */
        /* z-index: -10; */
        /* min-height: 70%; */
        transition: opacity 2s;
    }
    
    #splashpage-about {
        background-color: #dc3545;
        text-align: left;
        padding: 4.5% 13.5%;
        /* padding-top: 25%; */
        color: aliceblue;
        height: 15em;
        padding-top: 10%;
    }
    
    h1.about-title {
        display: inline-block;
        border: 2px solid #dc3545;
        /* border-color: #fff; */
        background: #dc3545;
        color: #fff;
        font-weight: bold;
        font-size: 24px;
        text-shadow: -2px 2px 0px #000000;
        box-shadow: 0px 4px #fff;
        /* good animation code  */
        animation: title-slide .6s ease-in-out;
        /* transition: transform .5s linear; */
        /* transform-origin: initial;
        transform: translatex(-500%);
        transform: translatex(500%); */
        /* transform: rotate3d(0.5, 0, 0, 360deg); */
        /* animation: title-slide 0.6s infinite; */
        /* transition: transform 0.6s linear;
        transform: translateX(25px); */
        /* transform: translateX(5%); */
    }
    /* good translate x from left code  */
    /* @keyframes title-slide {
        0% {
            transform: translateX(500px);
        }
        100% {
            transform: translateX(0px);
        }
    } */
    
    h1.about-title:hover {
        transition: box-shadow 0.1s ease-in;
        box-shadow: 0px 4px #f09431;
        color: #fff;
        text-shadow: -1.75px .75px 0px #f09431;
    }
    
    .caddo-icon {
        text-align: center;
    }
    
    .img-fluid {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
        /* max-width: 90%;
    max-height: 90%; */
    }
    /************************************************************************************** COVID PAGE STYLING */
    
    .covidText-container {
        text-shadow: -1.75px .45px 0px #fff;
        background-image: linear-gradient( #C16B0F, #fff, #f09431, #C16B0F);
        text-decoration: none;
        padding-top: 1%;
    }
    
    .covidText-container:hover {
        transition: box-shadow 0.1s ease-in;
        /* box-shadow: 0px 4px #f09431; */
        /* color: #fff; */
        text-shadow: -1.75px .45px 0px #f09431;
        opacity: 0.935;
        text-decoration: none;
    }
    
    .covid-message {
        padding: 3% 15%;
    }
    
    .webp .bgimgA-covid {
        /* background-image: url(greyCaddoPlantFarOptim.webp); */
        background-image: url(photoshopDemos/RedGreyGolden/rContactWires.webp);
        background-repeat: no-repeat;
        min-height: 20%;
        z-index: 200;
        /* filter: grayscale(1%); */
        filter: grayscale(5%);
        /* filter: blur(2px); */
        position: relative;
        opacity: 0.85;
        background-position: top;
        background-size: cover;
        background-attachment: fixed;
    }
    
    .no-webp .bgimgA-covid {
        /* background-image: url(greyCaddoPlantFarOptim.webp); */
        background-image: url(photoshopDemos/RedGreyGolden/rContactWires.jp2);
        background-repeat: no-repeat;
        min-height: 20%;
        z-index: 200;
        /* filter: grayscale(1%); */
        filter: grayscale(5%);
        /* filter: blur(2px); */
        position: relative;
        opacity: 0.85;
        background-position: top;
        background-size: cover;
        background-attachment: fixed;
    }
    
    .webp .bgimgB-covid {
        /* background-image: url(greyCaddoPlantFarOptim.webp); */
        background-image: url(photoshopDemos/RedGreyGolden/rContactWiresFlip.webp);
        background-repeat: no-repeat;
        min-height: 20%;
        z-index: 200;
        /* filter: grayscale(1%); */
        filter: grayscale(5%);
        /* filter: blur(2px); */
        position: relative;
        opacity: 0.85;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
    }
    
    .no-webp .bgimgB-covid {
        /* background-image: url(greyCaddoPlantFarOptim.webp); */
        background-image: url(photoshopDemos/RedGreyGolden/rContactWiresFlip.jp2);
        background-repeat: no-repeat;
        min-height: 20%;
        z-index: 200;
        /* filter: grayscale(1%); */
        filter: grayscale(5%);
        /* filter: blur(2px); */
        position: relative;
        opacity: 0.85;
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
    }
    
    .nav-item {}
    /************************************************************************************** PRODUCTS PAGE STYLING */
    
    h1.product-title {
        display: inline-block;
        border: 2px solid #dc3545;
        /* border-color: #fff; */
        background: #dc3545;
        color: #fff;
        font-weight: bold;
        font-size: 24px;
        text-shadow: -2px 2px 0px #000000;
        box-shadow: 0px 4px #fff;
        animation: title-slide .6s ease-in-out;
    }
    
    h1.product-title:hover {
        transition: box-shadow 0.1s ease-in;
        box-shadow: 0px 4px #f09431;
        color: #fff;
        text-shadow: -1.75px .75px 0px #f09431;
    }
    
    #splashpage-products {
        background-color: #dc3545;
        text-align: left;
        padding: 3.5% 13.5%;
        /* padding-top: 25%; */
        color: aliceblue;
        padding-top: 10%;
    }
    
    .bgimg-p2 {
        /* background-image: url("caddo_bldgBackground.jpg"); */
        /* background-image: url("thirdParallax_optimized.png"); */
        background-image: url("/photoshopDemos/rBraidWheel-crop.png");
        height: 15%;
        text-align: left;
        padding: 3.5% 13.5%;
    }
    
    .bgimg-p3 {
        /* background-image: url("caddo_bldgBackground.jpg"); */
        /* background-image: url("fourthParallax_optimized.png"); */
        background-image: url("/photoshopDemos/goldTangledWires.png");
        height: 15%;
        text-align: left;
        padding: 3.5% 13.5%;
    }
    
    .bgimg-p4 {
        /* background-image: url("caddo_bldgBackground.jpg"); */
        /* background-image: url("fourthParallax_optimized.png"); */
        background-image: url("/photoshopDemos/rConnectors-crop.png");
        height: 15%;
        text-align: left;
        padding: 3.5% 13.5%;
    }
    /****************************************************************************** product carousel image styling */
    
    #products-carousel {
        background-color: #dc3545;
        padding: 7% 15%;
        text-align: center;
        width: 100%;
    }
    
    .carousel-item {
        /* padding: 7% 15%; */
        height: 100vh;
        min-height: 350px;
        background: no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
    }
    
    .product-image {
        border-radius: 2.5px;
        width: 25%;
    }
    
    h5.cPanel,
    h5.iPanel,
    h5.sPanel,
    h5.msPanels,
    h5.igPanel,
    h5.fcAssembly,
    h5.cWire,
    h5.bvAssembly,
    h5.cbCable,
    h5.cbCable2,
    h5.cbCable3,
    em.cbCableDescription {
        display: inline-block;
        /* border: 2px solid #dc3545; */
        /* border-color: #fff; */
        background: #fff;
        color: #fff;
        font-weight: bold;
        font-size: 20px;
        border-radius: 5px;
        border-color: #000000;
        border-style: solid;
        border-width: thin;
        /* border-spacing: 1px; */
        /* padding: 5px;
            border-color: #fff;
            border-style: solid;
            border-width: thin; */
        /* text-shadow: -2px 2px 0px #000000; */
        /* box-shadow: 4px 4px #fff; */
    }
    /* .product-image {
    width: 40%;
    border-radius: 100%;
    height: 20%;
} */
    /* .carousel-item {
    width: 100%;


} */
    /* #sticky-footer {
    flex-shrink: none;
} */
    /************************************************************************************* CONTACT FORM RELATED STYLING */
    
    h1.contact-title {
        display: inline-block;
        border: 2px solid #dc3545;
        /* border-color: #fff; */
        /* background: #fff; */
        background: #dc3545;
        color: #fff;
        font-weight: bold;
        font-size: 24px;
        text-shadow: -2px 2px 0px #000000;
        /* border-radius: 2px; */
        box-shadow: 0px 4px #fff;
        animation: title-slide .6s ease-in-out;
    }
    
    h1.contact-title:hover {
        transition: box-shadow 0.1s ease-in;
        box-shadow: 0px 4px #f09431;
        color: #fff;
        text-shadow: -1.75px .75px 0px #f09431;
    }
    
    #contact-form {
        background-color: #dc3545;
        height: 51em;
        position: relative;
    }
    
    #splashpage-contact {
        background-color: #dc3545;
        text-align: left;
        padding: 4.5% 13.5%;
        padding-top: 10%;
        color: aliceblue;
    }
    
    #contact-form {
        /* padding: 3% 14.5%; */
    }
    
    .contact-overlay {
        color: #505050;
        height: 51em;
        z-index: 800;
        opacity: 1;
        position: absolute;
    }
    
    .contact-form {
        max-width: 100%;
        /* background-color: #000000; */
        /* background-color: #bdc6b8; */
        /* position: center; */
        /* padding-right: 35%;
        padding-left: 35%; */
        padding-right: 9%;
        padding-left: 9%;
        padding-bottom: 4.5%;
        opacity: 1;
        /* filter: contrast(100%); */
        /* border-radius: 1%; */
        /* opacity: 75%; */
    }
    
    .webp .form-back {
        /* This is the actual FORM background control  */
        /* background-image: url(/contactWireLightBright.webp); */
        background-image: url(/photoshopDemos/goldContactHarness.webp);
        /* background-size: 100%; */
        /* background-size: contain; */
        /* background-repeat: no-repeat; */
        /* background-color: #505050; */
        /* background-blend-mode: darken; */
        /* background-image: url(newbackgroundphotos/IMG_5432.JPG); */
        /* background: #bdc6b8; */
        /* background: #ebf5ee; */
        padding-right: 22.5%;
        padding-left: 22.5%;
        opacity: 1;
        z-index: 2;
        /* filter: blur(1px); */
        /* filter: grayscale(100%); */
        /* opacity: 85%; */
        /* opacity: 50%; */
    }
    
    .no-webp .form-back {
        /* This is the actual FORM background control  */
        /* background-image: url(/contactWireLightBright.webp); */
        background-image: url(/photoshopDemos/goldContactHarness.jp2);
        /* background-size: 100%; */
        /* background-size: contain; */
        /* background-repeat: no-repeat; */
        /* background-color: #505050; */
        /* background-blend-mode: darken; */
        /* background-image: url(newbackgroundphotos/IMG_5432.JPG); */
        /* background: #bdc6b8; */
        /* background: #ebf5ee; */
        padding-right: 22.5%;
        padding-left: 22.5%;
        opacity: 1;
        z-index: 2;
        /* filter: blur(1px); */
        /* filter: grayscale(100%); */
        /* opacity: 85%; */
        /* opacity: 50%; */
    }
    
    .form-boxA {
        max-width: 100%;
        /* padding-top: 15%;
        padding-bottom: 15%; */
        /* background: #bdc6b8; */
        /* opacity: 85%; */
        overflow: hidden;
        opacity: 1;
        /* border-radius: 1%; */
        /* margin: center; */
        /* padding: 50px; */
        /* background: aqua; */
        /* justify-content: center; */
        /* border: 10px solid #666666; */
    }
    /* form,
    input,
    label,
    p {
        color: #000 !important;
    } */
    
    .form-back background-image {
        filter: blur(100px);
    }
    
    .form-back background-image {
        filter: blur(100px);
    }
    
    .form-group input {
        border-color: #000000;
        border-style: solid;
        border-width: thin;
    }
    
    .form-group label {
        background-color: #dc3545;
        border-radius: 5px;
        padding: 5px;
        border-color: #fff;
        border-style: solid;
        border-width: thin;
    }
    
    .form-group textarea {
        border-color: #000000;
        border-style: solid;
        border-width: thin;
    }
    
    .contact-form button {
        background-color: #dc3545;
        border-color: #fff;
        /* text-shadow: #dc3545; */
    }
    
    .contact-form button:hover {
        /* background-color: #a90212; */
        background-color: #a80011;
        /* background-color: #900000; */
        border-color: #fff;
        /* text-shadow: #dc3545; */
    }
    /* .customdatetime {
            font-weight: bold;
        } */
    
    #customdate,
    #ctime {
        font-weight: bolder;
    }
    
    form,
    input,
    label,
    p {
        opacity: 1;
    }
    /* MEDIA QUERIES ----------- */
    
    @media only screen and (min-device-width: 375px) and (min-device-height: 812px) {
        /*E- CSS stuff Iphone X */
        .navbar-brand {
            font-size: large;
        }
        .covidText-container {
            height: 15%;
        }
        .caption span.border {
            font-size: small;
        }
        .caption h1.jumbo {
            font-size: 40px;
            text-shadow: -2.5px 0px 0px #d3d3d3, -5px 0px 0px #fff;
        }
        .bgimg-1 {
            background-attachment: scroll;
        }
        .bgimg-4,
        .bgimg-3,
        .bgimg-2 {
            height: 33%;
        }
        .bgimgA-covid {
            height: 25%;
        }
        .bgimgB-covid {
            height: 25%;
        }
        #splashpage-about {
            background-color: #dc3545;
            text-align: left;
            padding: 4.5% 12.8%;
            padding-top: 11%;
            color: aliceblue;
            height: 15em;
        }
        h1.about-title {
            font-size: inherit;
        }
        .caddo-icon {
            width: 100%;
            /* ^^^this was the key to dynamic image resizing */
        }
        #splashpage-products {
            background-color: #dc3545;
            text-align: left;
            padding: 4.5% 12.8%;
            padding-top: 11%;
            color: aliceblue;
        }
        h1.product-title {
            font-size: inherit;
        }
        .product-image {
            width: 100%;
        }
        h1.contact-title {
            font-size: inherit;
        }
        #splashpage-contact {
            background-color: #dc3545;
            text-align: left;
            padding: 4.5% 12.8%;
            padding-top: 11%;
            color: aliceblue;
        }
        .form-back {
            width: 100%;
            background-repeat: no-repeat;
            background-size: 100vh;
        }
    }
    
    @media only screen and (min-device-width: 375px) and (min-device-height: 667px) {
        /*iPhone 6/7/8 (375x667) CSS stuff */
        .navbar-brand {
            font-size: large;
        }
        .covidText-container {
            height: 19%;
        }
        .caption span.border {
            font-size: small;
        }
        .caption h1.jumbo {
            font-size: 40px;
            text-shadow: -2.5px 0px 0px #d3d3d3, -5px 0px 0px #fff;
        }
        .bgimg-4,
        .bgimg-3,
        .bgimg-2 {
            height: 36%;
        }
        .bgimgA-covid {
            height: 30%;
        }
        .bgimgB-covid {
            height: 30%;
        }
        #splashpage-about {
            background-color: #dc3545;
            text-align: left;
            padding: 4.5% 12.8%;
            padding-top: 11%;
            color: aliceblue;
            height: 15em;
        }
        h1.about-title {
            font-size: inherit;
        }
        .caddo-icon {
            width: 100%;
            /* ^^^this was the key to dynamic image resizing */
        }
        #splashpage-products {
            background-color: #dc3545;
            text-align: left;
            padding: 4.5% 12.8%;
            padding-top: 11%;
            color: aliceblue;
        }
        h1.product-title {
            font-size: inherit;
        }
        .product-image {
            width: 100%;
        }
        h1.contact-title {
            font-size: inherit;
        }
        #splashpage-contact {
            background-color: #dc3545;
            text-align: left;
            padding: 4.5% 12.8%;
            padding-top: 11%;
            color: aliceblue;
        }
        .form-back {
            width: 100%;
            background-repeat: no-repeat;
            background-size: 120vh;
        }
    }
    
    @media only screen and (min-device-width: 414px) and (min-device-height: 736px) {
        /*iPhone 6/7/8 PLUS size (275x667) CSS stuff */
        .navbar-brand {
            font-size: large;
        }
        .covidText-container {
            height: 17%;
        }
        .caption span.border {
            font-size: small;
        }
        .caption h1.jumbo {
            font-size: 40px;
            text-shadow: -2.5px 0px 0px #d3d3d3, -5px 0px 0px #fff;
        }
        .bgimg-4,
        .bgimg-3,
        .bgimg-2 {
            height: 36%;
        }
        .bgimgA-covid {
            height: 30%;
        }
        .bgimgB-covid {
            height: 30%;
        }
        #splashpage-about {
            background-color: #dc3545;
            text-align: left;
            padding: 4.5% 12.8%;
            padding-top: 11%;
            color: aliceblue;
            height: 15em;
        }
        h1.about-title {
            font-size: inherit;
        }
        .caddo-icon {
            width: 100%;
            /* ^^^this was the key to dynamic image resizing */
        }
        #splashpage-products {
            background-color: #dc3545;
            text-align: left;
            padding: 4.5% 12.8%;
            padding-top: 11%;
            color: aliceblue;
        }
        h1.product-title {
            font-size: inherit;
        }
        .product-image {
            width: 100%;
        }
        h1.contact-title {
            font-size: inherit;
        }
        #splashpage-contact {
            background-color: #dc3545;
            text-align: left;
            padding: 4.5% 12.8%;
            padding-top: 11%;
            color: aliceblue;
        }
        .form-back {
            width: 100%;
            background-repeat: no-repeat;
            background-size: 120vh;
        }
    }
    
    @media only screen and (min-device-width: 360px) and ( max-height: 767px) {
        /*Galaxy S9 (360x767) CSS stuff */
        .navbar-brand {
            font-size: large;
        }
        .covidText-container {
            height: 17%;
        }
        .caption span.border {
            font-size: small;
        }
        .caption h1.jumbo {
            font-size: 40px;
            text-shadow: -2.5px 0px 0px #d3d3d3, -5px 0px 0px #fff;
        }
        .bgimg-4,
        .bgimg-3,
        .bgimg-2 {
            height: 36%;
        }
        .bgimgA-covid {
            height: 30%;
        }
        .bgimgB-covid {
            height: 30%;
        }
        #splashpage-about {
            background-color: #dc3545;
            text-align: left;
            padding: 4.5% 12.8%;
            padding-top: 11%;
            color: aliceblue;
            height: 15em;
        }
        h1.about-title {
            font-size: inherit;
        }
        .caddo-icon {
            width: 100%;
            /* ^^^this was the key to dynamic image resizing */
        }
        #splashpage-products {
            background-color: #dc3545;
            text-align: left;
            padding: 4.5% 12.8%;
            padding-top: 11%;
            color: aliceblue;
        }
        h1.product-title {
            font-size: inherit;
        }
        .product-image {
            width: 100%;
        }
        h1.contact-title {
            font-size: inherit;
        }
        #splashpage-contact {
            background-color: #dc3545;
            text-align: left;
            padding: 4.5% 12.8%;
            padding-top: 11%;
            color: aliceblue;
        }
        .form-back {
            width: 100%;
            background-repeat: no-repeat;
            background-size: 120vh;
        }
    }
    
    @media only screen and (min-device-width: 800px) and ( min-device-height: 600px) {
        /*B- (800 x 600, ipad/tablet) CSS stuff */
        .navbar-brand {
            font-size: x-large;
        }
        .caption span.border {
            font-size: large;
            height: medium;
        }
        .caption h1.jumbo {
            font-size: 65px;
            text-shadow: -2.5px 0px 0px #d3d3d3, -5px 0px 0px #fff;
            padding-bottom: .5%;
            line-height: 5%;
        }
        .mediaPadding {
            display: inline-block;
            overflow: hidden;
        }
        .bgimg-1 {
            height: 50vh;
        }
        .bgimg-4,
        .bgimg-3,
        .bgimg-2 {
            height: 38%;
        }
        .bgimgA-covid {
            height: 30%;
        }
        .bgimgB-covid {
            height: 30%;
        }
        .covidText-container {
            padding-top: 4.5%;
            height: 21%;
        }
        .serviceText-container {
            padding: 0px 15px;
        }
        .col-lg-4 {
            max-width: 33.3333%;
            flex: 0 0 33.3333%;
        }
        .col-lg-6 {
            max-width: 45.3333%;
            flex: 0 0 45.3333%;
        }
        h1.about-title {
            font-size: inherit;
        }
        .caddo-icon {
            width: 95%;
            /* ^^^this was the key to dynamic image resizing */
        }
        #splashpage-about {
            background-color: #dc3545;
            text-align: left;
            padding: 4.5% 13.5%;
            padding-top: 5%;
            color: aliceblue;
        }
        .bgimg-about {
            height: 35%;
        }
        #splashpage-products {
            background-color: #dc3545;
            text-align: left;
            padding: 3.5% 13.5%;
            padding-top: 5%;
            color: aliceblue;
        }
        h1.product-title {
            font-size: inherit;
        }
        .product-image {
            width: 50%;
        }
        h1.contact-title {
            font-size: inherit;
        }
        #splashpage-contact {
            background-color: #dc3545;
            text-align: left;
            padding: 4.5% 13.5%;
            padding-top: 5%;
            color: aliceblue;
        }
        .form-back {
            width: 100%;
            background-repeat: no-repeat;
            background-size: 100%;
        }
    }
    
    @media only screen and (min-device-width: 1024px) and (min-device-height: 768px) {
        /*F (Desk 1024x768)- CSS stuff */
        .navbar-brand {
            font-size: x-large;
        }
        .caption span.border {
            font-size: large;
            height: medium;
        }
        .caption h1.jumbo {
            font-size: 65px;
            text-shadow: -2.5px 0px 0px #d3d3d3, -5px 0px 0px #fff;
            padding-bottom: .5%;
            line-height: 5%;
        }
        .mediaPadding {
            display: inline-block;
            overflow: hidden;
        }
        .bgimg-1 {
            height: 50vh;
        }
        .bgimg-4,
        .bgimg-3,
        .bgimg-2 {
            height: 38%;
        }
        .industryText-container {
            padding: 3% 15%;
        }
        .bgimgA-covid {
            height: 30%;
        }
        .bgimgB-covid {
            height: 30%;
        }
        .covidText-container {
            /* padding-top: 4.5%; */
            padding-top: 3.5%;
            height: 16.8%;
        }
        h1.about-title {
            font-size: inherit;
            margin: 0 0 10px 0;
            text-align: center;
        }
        .caddo-icon {
            width: 95%;
            /* ^^^this was the key to dynamic image resizing */
        }
        #splashpage-about {
            background-color: #dc3545;
            text-align: left;
            padding: 4.5% 13.5%;
            padding-top: 4%;
            color: aliceblue;
        }
        .bgimg-about {
            height: 35%;
        }
        #splashpage-products {
            background-color: #dc3545;
            text-align: left;
            padding: 3.5% 13.5%;
            padding-top: 4%;
            color: aliceblue;
        }
        h1.product-title {
            font-size: inherit;
            margin: 0 0 10px 0;
            text-align: center;
        }
        h1.contact-title {
            font-size: inherit;
            margin: 0 0 10px 0;
            text-align: center;
        }
        #splashpage-contact {
            background-color: #dc3545;
            text-align: left;
            padding: 4.5% 13.5%;
            padding-top: 4%;
            color: aliceblue;
        }
    }
    
    @media only screen and (min-device-width: 1280px) and (min-device-height: 720px) {
        /*C- CSS stuff */
        .navbar-brand {
            font-size: x-large;
        }
        .caption span.border {
            font-size: large;
            height: medium;
        }
        .caption h1.jumbo {
            font-size: 65px;
            text-shadow: -2.5px 0px 0px #d3d3d3, -5px 0px 0px #fff;
            padding-bottom: .5%;
            line-height: 5%;
        }
        .mediaPadding {
            display: inline-block;
            overflow: hidden;
        }
        .bgimg-1 {
            height: 50vh;
        }
        .bgimg-4,
        .bgimg-3,
        .bgimg-2 {
            height: 38%;
        }
        .bgimgA-covid {
            height: 30%;
        }
        .bgimgB-covid {
            height: 30%;
        }
        .covid-message {
            padding: 3% 15%;
        }
        .covidText-container {
            /* padding-top: 4.5%; */
            height: 17%;
            padding-top: 2.5%;
        }
        .industryText-container {
            padding: 3% 15%;
        }
        .covid-message {
            padding: 3% 15%;
        }
        h1.about-title {
            font-size: inherit;
        }
        .caddo-icon {
            width: 75%;
            /* ^^^this was the key to dynamic image resizing */
        }
        #splashpage-about {
            background-color: #dc3545;
            text-align: left;
            padding: 4.5% 13.7%;
            padding-top: 4%;
            color: aliceblue;
        }
        .bgimg-about {
            height: 38%;
        }
        #splashpage-products {
            background-color: #dc3545;
            text-align: left;
            padding: 3.5% 13.7%;
            padding-top: 4%;
            color: aliceblue;
        }
        h1.product-title {
            font-size: inherit;
        }
        h1.contact-title {
            font-size: inherit;
        }
        #splashpage-contact {
            background-color: #dc3545;
            text-align: left;
            padding: 4.5% 13.7%;
            padding-top: 4%;
            color: aliceblue;
        }
    }
    
    @media only screen and (min-width: 1366px) and (min-height: 768px) {
        /*D- CSS stuff */
        .navbar-brand {
            font-size: x-large;
        }
        .covidText-container {
            /* padding-top: 4.5%; */
            height: 16.5%;
        }
        #splashpage-about {
            background-color: #dc3545;
            text-align: left;
            padding: 4.5% 13.6%;
            padding-top: 4%;
            color: aliceblue;
        }
        #splashpage-products {
            background-color: #dc3545;
            text-align: left;
            padding: 3.5% 13.6%;
            padding-top: 4%;
            color: aliceblue;
        }
        #splashpage-contact {
            background-color: #dc3545;
            text-align: left;
            padding: 4.5% 13.6%;
            padding-top: 4%;
            color: aliceblue;
        }
    }
    
    @media only screen and (min-width: 1536px) and (min-height: 864px) {
        /*G- CSS stuff */
        .navbar-brand {
            font-size: x-large;
        }
        .caption h1.jumbo {
            font-size: 90px;
            text-shadow: -2.5px 0px 0px #d3d3d3, -5px 0px 0px #fff;
            padding-bottom: .5%;
            line-height: 5%;
        }
        .covidText-container {
            /* padding-top: 4.5%; */
            padding-top: 2%;
            height: 14.5%;
        }
        .caddo-icon {
            width: 55%;
            /* ^^^this was the key to dynamic image resizing */
        }
        #splashpage-about {
            background-color: #dc3545;
            text-align: left;
            padding: 4.5% 13.7%;
            padding-top: 4%;
            color: aliceblue;
        }
        #splashpage-products {
            background-color: #dc3545;
            text-align: left;
            padding: 3.5% 13.7%;
            padding-top: 4%;
            color: aliceblue;
        }
        #splashpage-contact {
            background-color: #dc3545;
            text-align: left;
            padding: 4.5% 13.7%;
            padding-top: 4%;
            color: aliceblue;
        }
    }
    
    @media (min-width: 1920px) and (min-height: 1080px) {
        /*A- CSS stuff */
        .navbar-brand {
            font-size: x-large;
        }
        .covidText-container {
            /* padding-top: 4.5%; */
            height: 12%;
        }
        .caption h1.jumbo {
            font-size: 120px;
            text-shadow: -2.5px 0px 0px #d3d3d3, -5px 0px 0px #fff;
            padding-bottom: .5%;
            line-height: 5%;
        }
        .bgimg-4,
        .bgimg-3,
        .bgimg-2 {
            height: 30%;
        }
        .caddo-icon {
            width: 50%;
            /* ^^^this was the key to dynamic image resizing */
        }
        .bgimg-about {
            height: 20%;
        }
        #splashpage-about {
            background-color: #dc3545;
            text-align: left;
            padding: 3.5% 13.8%;
            padding-top: 4%;
            color: aliceblue;
        }
        #splashpage-products {
            background-color: #dc3545;
            text-align: left;
            padding: 3.5% 13.8%;
            padding-top: 4%;
            color: aliceblue;
        }
        #splashpage-contact {
            background-color: #dc3545;
            text-align: left;
            padding: 3.5% 13.8%;
            padding-top: 4%;
            color: aliceblue;
        }
        .form-back {
            width: 100%;
            background-repeat: no-repeat;
            background-size: 100%;
        }
    }
    
    @media only screen and (min-width: 2560px) and (min-height: 1440px) {
        /*H- CSS stuff */
        .navbar-brand {
            font-size: x-large;
        }
        .covidText-container {
            padding-top: 1.5%;
            height: 9.5%;
        }
        .caption h1.jumbo {
            font-size: 160px;
            text-shadow: -2.5px 0px 0px #d3d3d3, -5px 0px 0px #fff;
            padding-bottom: .5%;
            line-height: 5%;
        }
        #splashpage-about {
            background-color: #dc3545;
            text-align: left;
            padding: 4.9% 13.8%;
            padding-top: 2.5%;
            color: aliceblue;
        }
        h1.about-title {
            font-size: 20px;
        }
        .caddo-icon {
            width: 40%;
            /* ^^^this was the key to dynamic image resizing */
        }
        h1.product-title {
            font-size: 20px;
        }
        .product-image {
            width: 25%;
        }
        #splashpage-products {
            background-color: #dc3545;
            text-align: left;
            padding: 3.5% 13.8%;
            padding-top: 2.5%;
            color: aliceblue;
        }
        #splashpage-contact {
            background-color: #dc3545;
            text-align: left;
            padding: 4.5% 13.8%;
            padding-top: 2.5%;
            color: aliceblue;
        }
        h1.contact-title {
            font-size: 20px;
        }
    }
    /* Desktops and laptops ----------- */
    /* @media only screen and (min-width : 1224px) {
    /* Styles */
    /* @media screen and (min-width: 3400px) {
    .about-caddostory {
        
        min-height: 18.5%;
    
    }
  } */
    /* Large screens ----------- */
    /* @media only screen and (min-width : 1700px) {
    /* Styles */
    /* .about-caddostory {
        
        min-height: 32.5%;
    
    } }*/