:root {
        --filterColor: #79506e26;
        --filterColor: #33241721;
    }
    html {
        background: #000;
    }
    body {
        overflow: hidden;
    }
    .scrollArrows {
        display: none;
    }
    main {
        padding: 0;
        margin: 0;
    }
    .socialLinksCtr {
        display: flex;
    }
    .footerTxt {
        display: block;
    }
    
/* INDEX COMPONENTS */
    div.imgCtr {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100vw;
        overflow: hidden;
        filter: brightness(1.015) saturate(0.8);
    }
@media screen and (min-aspect-ratio: 5/4) {
    div.imgCtr {
        height: 100vh;
        width: 100%;
    }
}
    div.imgCtr img {
        height: max(100%, 85vw);
        width: auto;
        image-rendering: -webkit-optimize-contrast;
        filter: contrast(1.2) brightness(0.98) saturate(1.20);
    }
@media screen and (min-aspect-ratio: 5/4) {
    div.imgCtr img {
        height: max(100vh, 760px);
        width: auto;
    }
}
@media screen and (max-aspect-ratio: 3.8/5) {
    div.imgCtr img {
        margin-left: 15vw;
    }
}
    #imgFilter {
        position: absolute;
        height: 100%;
        width: 100%;
        background: var(--filterColor);
    }
            
@media only screen and (min-width: 480px) {
    div.imgCtr img {
        margin-left: unset;
    }
    }
                
@media only screen and (min-width: 1280px) {
    html {
        background: #fff;
    }
    div.imgCtr {
        margin: 0;
    }
    div.imgCtr img {
        height: max(100vh, 820px);
        width: auto;
        margin-left: 5vw;
    }
}