#legal {
    padding: 180px var(--gap) 110px;
    border-bottom: 1px solid var(--black);
}

#legal h1 {
    margin-bottom: 90px;
}

#legal h2,
#legal h3 {
    font-family: "GTAmerica-Medium";
    margin-bottom: 20px;
}

#legal h2:not(:first-child) {
    margin-top: 40px;
}

#legal a {
    color: var(--black);
    text-decoration: underline;
}

/* RESPONSIVE */
@media only screen and (max-width: 1280px) {
    #legal {
        padding: 150px var(--gap) 110px;
    }

    #legal h1 {
        margin-bottom: 60px;
    }
}

@media only screen and (max-width: 768px) {
    #legal {
        padding: 125px var(--gap) 110px;
    }

    #legal h1 {
        margin-bottom: 50px;
    }
}