:root {
    --PrimaryColor: #f36717;
    --ComplColor1_rgb: 250,250,250;
    --ComplColorZZ_rgb: 129,234,250;
    --LogoBlack: #231f20;
    --PrimaryColorLight: #fff880;
    --PrimaryColorLightLight: #fffcbf;
    --PrimaryColorDark: #baa700;
    --background: rgba(4,115,255,.3);
}

.header {
    --Gr1: rgba(var(--ComplColor1_rgb), 0.7);
    --Gr2: rgba(var(--ComplColor1_rgb), 0.4);
    height: 100%;
    background-image: linear-gradient(to right bottom, var(--Gr1), var(--Gr2)), url(../img/background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    /*clip-path: polygon(33% 0, 66% 0%, 100% 33%, 100% 66%, 100% 100%, 0% 100%, 0% 33%);*/
    clip-path: polygon(0 0, 100% 0%, 100% 85%, 0% 100%);
    background-position: center;
    position: relative;
    /*width: 100%;*/
}

.zzz {
    --Gr1: rgba(var(--ComplColor1_rgb), 0.7);
    --Gr2: rgba(var(--ComplColor1_rgb), 0.4);
    height: 100%;
    background-image: linear-gradient(to right bottom, var(--Gr1), var(--Gr2)), url(../img/background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    /*clip-path: polygon(33% 0, 66% 0%, 100% 33%, 100% 66%, 100% 100%, 0% 100%, 0% 33%);*/
    clip-path: polygon(0 0, 100% 0%, 100% 85%, 0% 100%);
    background-position: center;
    position: relative;
    /*width: 100%;*/
}

.J2LogoTextOnly {
    width: 52.5rem;
    /*width: 72.5rem;*/
    height: auto;
}


.heading-primary-sub {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--rz-primary);
}
.header-menu-item .rz-navigation-item-text {
    color: var(--rz-primary);
}

.support-image {
    width: 100%;
    object-fit: cover;
    display: block;
    clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%);
}


/* Media queries for responsiveness */
@media (max-width: 99999px) {
    .responsive-image {
        height: 100%;
    }
}

@media (max-width: 992px) {
    .header {
        height: 70vh;
    }
}

@media (max-width: 768px) {
    .header {
        height: 60vh;
    }
}

@media (max-width: 576px) {
    .header {
        height: 50vh;
    }

}