/* ---HEADER STYLES--- */

@media (max-width: 996px) {
    header {
        position: relative;
    }
    header .header_box {
        display: none;
    }
}


/* ---MAIN STYLES--- */

.main_section {
    padding: 10%;
}

.main_section .main_box {
    display: flex;
    flex-direction: column;
    gap: 1vw;
}

.main_section h1 {
    color: var(--green);
}

.main_section a {
    color: var(--green);
}

.main_section ul {
    display: flex;
    flex-direction: column;
    gap: .5vw;
}

.main_section ul ul {
    padding-left: 1vw;
}

@media (max-width: 996px) {
    .main_section .main_box {
        gap: 3vw;
    }
    .main_section ul {
        gap: 1.5vw;
    }
}