body {
    --pad-left: 15px;
    --legal-width: 75%;
    --legal-bar-margin: 4vh;
    --left-pad-legal-sec: 1.5vw;
    --sub-sec-pad: 0px;
}

body .legal-bar {
    width: 90%;
    color: white;
    background-color: white;
    mix-blend-mode: difference;
    margin: var(--legal-bar-margin) 0;
    margin-left: 0;
}
.legal-bar.small {
    width: 35%;
    opacity: 0.6;
}

body .legal-head-con {
    width: var(--legal-width);
    height: fit-content;
    padding: 15px 0;
    padding-left: var(--pad-left);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.legal-head-con .legal-name {
    font-size: 200%;
    font-family: "inter", sans-serif;
    font-weight: 800;
    margin: 15px 0;
}
.legal-head-con .legal-data {
    font-family: "RajLight", sans-serif;
    opacity: 0.9;
}

body .legal-section {
    width: var(--legal-width);
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 15px 0;
    padding-left: var(--left-pad-legal-sec);
}
.l-s-name {
    font-size: 150%;
    font-family: "inter", sans-serif;
    font-weight: 600;
    margin-left: calc(var(--left-pad-legal-sec) * -1);
}
.legal-section .legal-subsection {
    width: 95%;
    height: fit-content;
    margin-top: 1.5vh;
}
.legal-subsection .l-sub-name {
    font-size: 125%;
    font-family: "RajMed", sans-serif;
    opacity: 0.85;
    width: 95%;
    margin-left: 5%;
}
.legal-subsection .sub-sub-legal {
    font-family: "RajMed", sans-serif;
    opacity: 1;
    width: 100%;
    height: fit-content;
}
.sub-sub-legal .sub-sub-name {
    font-size: 115%;
    font-family: "RajMed", sans-serif;
    opacity: 0.95;
    width: 92%;
    margin-left: 8%;
}
.sub-sub-legal .sub-sub-desc {
    font-size: 90%;
    font-family: "inter", sans-serif;
    opacity: 1;
    width: 90%;
    margin-left: 10%;
}
.sub-sub-legal .sub-sub-name span {
    opacity: 0.65;
    font-family: "Rajlight", sans-serif;
}
.legal-subsection .l-sub-d {
    font-size: 100%;
    font-family: "Rajlight", sans-serif;
    opacity: 1;
    width: 90%;
    margin-left: 10%;
}

.legal-list {
    opacity: 0.95;
    margin-top: 1vh;
    margin-bottom: 1.5vh;
}



@media only screen and (max-width: 1100px) {
    body {
        --left-pad-legal-sec: 3vw;
    }
}
@media only screen and (max-width: 760px) {
    body {
        --pad-left: 10px;
        --legal-width: 90%;
        --legal-bar-margin: 2vh;
        --left-pad-legal-sec: 5vw;
    }
}