.logo-image {
    filter: invert(1);
}
.item-container {
    background-color: #9E9E9E;
}
.navbar-item {
    color: #000;
}

.menu-anchor {
    height: 70px;
}
@media (max-width: 1024px) {
    .menu-anchor {
        height: 10px;
    }
}
@media (max-width: 769px) {
    .menu-anchor {
        height: 50px;
    }
}

.title-section {
    display: flex;
    color: var(--global-colour-text);
    padding-top: 100px;
    height: auto;
    align-items: center;
    justify-content: center;
}

.title-subsection {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1600px;
    padding-top: 5%;
    padding-bottom: 1%;
    height: auto;
    justify-content: center;
    align-content: start;
    padding-left: 5%;
}
@media (max-width: 769px) {
    .title-subsection {
        padding-right: 5%;
    }
}

.title-header {
    animation: 0.8s ease-out 0s 1 zoomUp;
    display: flex;
    font-size: 14px;
    line-height: 140%;
    padding-top: 2.1%;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}
@media (max-width: 1024px) {
    .title-header {
        padding-top: 10%;
    }
}
@media (max-width: 769px) {
    .title-header {
        padding-top: 25%;
    }
}


.title-subheader {
    animation: 0.9s ease-out 0s 1 zoomUp;
    padding-left: 0.2%;
    padding-top: 1.1%;
    padding-bottom: 3%;
    display: flex;
    font-size: 56px;
    font-weight: 500;
    line-height: 110%;
}
@media (max-width: 1024px) {
    .title-subheader {
        font-size: 46px;
    }
}
@media (max-width: 769px) {
    .title-subheader {
        padding-top: 5%;
        padding-bottom: 10%;
        font-size: 40px;
    }
}

.title-description {
    animation: 0.9s ease-out 0s 1 zoomUp;
    padding-left: 0.2%;
    padding-top: 1.1%;
    padding-bottom: 3%;
    display: flex;
    font-size: 24px;
    font-weight: 600;
    line-height: 105%;
}
@media (max-width: 1024px) {
    .title-description {
        font-size: 20px;
        line-height: 105%;
    }
}
@media (max-width: 769px) {
    .title-description {
        padding-top: 5%;
        padding-bottom: 10%;
        font-size: 18px;
        line-height: 105%;
    }
}

#legal-body {
    border-width: 0px 0px 0px 1.5px;
    border-color: #000;
    border-style: solid;    
    padding-left: 4%;
}

.body-section {
    display:flex;
    justify-content: center;
}

.body-subsection {
    width: 70%;
    max-width: 1500px;
    padding-left: 0%;
}
@media (max-width: 1024px) {
    .body-subsection {
        width: 90%;
    }
}
@media (max-width: 769px) {
    .body-subsection {
        width: 100%;
    }
}

.body-flex {
    animation: 1.9s ease-out 0s 1 zoomUpDelayed;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding-bottom: 5%;
}
@media (max-width: 769px) {
    .body-flex {
        width: 100%;
        padding-bottom: 15%;
        animation: 0.9s ease-out 0s 1 zoomUpDelayed;
    }
}


.body-flex-left {
    width: 25%;
    min-width: 358px;
    top: 15%;
    position: relative;
    z-index: 11;
}
@media (max-width: 1024px) {
    .body-flex-left {
        min-width: 358px;
        width: 20%;
    }
}
@media (max-width: 769px) {
    .body-flex-left {
        display: none;
    }
}

.body-flex-right {
    font-size: 20px;
    line-height: 28px;
    position: relative;
    margin-bottom: -4px;
    margin-left: auto;
    margin-right: 0;
    width: 60%;
    padding-left: 0%;
}
@media (max-width: 769px) {
    .body-flex-right {
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }
}

.body-flex-right a {
    text-decoration: none;
    background-color: transparent;
    color: var(--global-colour-primary);
}
.body-flex-right li {
    margin-block-end: 2rem;
}

.index-section {
    padding-left: 30px;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: #000;
    cursor: pointer;
    margin-bottom: 20px;
    /*min-width: 358px;
    max-width: 358px;*/
}

.index-header {
    font-size: 20px;
    font-weight: 600;
    color: var(--global-section-colour-b);
}

.index-subheader {
    font-size: 16px;
    color: var(--global-section-colour-d);
}

h5 {
    font-size: 36px;
    font-weight: 600;
    line-height: 100%;
    animation: 1.25s ease-out 0s 1 fade-in;
}
@media (max-width: 769px) {
    h5 {
        font-size: 20px;
    }
}


.flex-404 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.text-404 .cta-one {
    width: 150px;
    margin-top: 25px;
    text-decoration: none;
    color: black;
}

@media (max-width: 768px) {
.flex-404 {
        flex-direction: column;
        padding: 20px;
    }
}