/* ---LEGAL STYLES--- */

.legal_section {
    padding: 10% 5% 5% 5%;
}

.legal_section .legal_box,
.legal_section .legal_box ol {
    display: flex;
    flex-direction: column;
    gap: 1vw;
}

.legal_section h1 {
    font-size: 2vw;
}

.legal_section li ol {
    list-style: inside;
} 

.legal_section li p {
    margin: 1vw 0;
}

.legal_section a {
    color: var(--yellow);
}

@media (max-width: 996px) {
    .legal_section {
        padding: 20% 10%;
    }
    .legal_section .legal_box {
        gap: 3vw;
    }
    .legal_section h1 {
        font-size: 5vw;
    }
}


/* ---CONECTION STYLES--- */

.connect_section {
    display: none;
}