:root {
    --size-h1: 3.2rem;
    --size-p: 1.3rem;
    --size-h2: 2.5rem;
    --size-h3: 1.8rem;
}

.container-privacy-1 {
    display: flex;
    height: auto;
    padding: 7rem;
    margin-top: 12vh;
}

.textprivacy-1 {
    display: flex;
    width: auto;
    flex-direction: column;
}

.textprivacy-1 h1 {
    font-size: var(--size-h1);
    color: #fff;
    font-weight: bold;
}

.textprivacy-1 p {
    color: #dfd8d8;
    font-size: var(--size-p);
    font-weight: 300;
    margin-bottom: 3rem;
    text-align: justify;
}

.textprivacy-1 h2 {
    font-size: var(--size-h2);
    margin-bottom: 0.5rem;
    font-weight: bold;
    color: #fff;
}

.textprivacy-1 h3 {
    color: #dfd8d8;
    font-weight: 300;
    font-size: var(--size-p);
    margin-bottom: 1rem;
    text-align: justify;
}

.textprivacy-1 ul li {
    margin-bottom: 0.8rem;
}

.textprivacy-1 ul {
    margin-top: 0.8rem;
}

@media screen and (max-width:768px){
    :root {
        --size-h1: 2.7rem;
        --size-p: 1rem;
        --size-h2: 2rem;
        --size-h3: 1.2rem;
    }

    .container-privacy-1 {
        padding: 5vh;
        margin-top: 20vh;
    }
}

@media screen and (min-width:768px) and (max-width: 992px){
    :root {
        --size-h1: 3rem;
        --size-p: 1.2rem;
        --size-h2: 2.2rem;
        --size-h3: 1.4rem;
    }

    .container-privacy-1 {
        padding: 7vh;
        margin-top: 20vh;
    }
}