body{
    background-color: var(--bg-c-tertiary);
}
.Back-link{
    font-size: 1.5rem;
    font-weight: 300;
    text-transform: uppercase;
    padding: 0 1rem;
    cursor: pointer;
    transition: all .5s ease;
    color: var(--font-c-secondary);
}
.Back-link:hover{
    color: var(--font-c-cuaternary);
}
.Back-link::after{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #10B2BE;
    transform: scaleX(0);
    transition: transform .5s ease;
}
.Back-link:hover::after{
    transform: scaleX(1);
}
.Legal{
    padding: 5.5rem 5rem 0 5rem;
    font-family: var(--font-secondary);
    line-height: 1.625rem;
    hyphens: none; 
}
.Legal-h1{
    font-size: 3.25rem;
    font-weight: 300;
    line-height: 4rem;
    text-transform: uppercase;
    padding: 2.5rem 0;
    font-family: var(--font-primary);
}
.Legal-wrapper{
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.75rem;
}
.Legal-h2{
    font-size: 1.5rem;
    font-weight: 400;
}
@media(max-width:1024px){
    .Legal{
        padding: 5.5rem 2.5rem 0 2.5rem;
    }
}
@media(max-width:644px){
    .Legal{
        padding: 5.5rem 1rem 0 1rem;
    }
    .Legal-h1{
        font-size: 2rem;
        padding: 1.25rem 0;
    }
    .Legal-h2{
    font-size: 1.25rem;
}
}