.legal-container  {
    margin: 0 300px;
}

.title {
    margin: 50px 0 0 0;
    border-bottom: 5px solid black;
    padding: 0 20px 0 0;
    width: fit-content;
}

.legal-container .title:first-child {
    margin: 100px 0 20px 0;
}

li {
    padding-bottom: 2px;
}

.hosting {
    margin: 30px 0 0 20px;
}

.hosting p {
    padding: 2px 0;
}

.description {
    padding: 15px 0;
    margin-bottom: 100px;
}

@media screen and (max-width: 1200px) {
    .legal-container {
        margin: 0 200px;
    }
}

@media screen and (max-width: 900px) {
    .legal-container {
        margin: 0 100px;
    }

    .legal-container .title:first-child {
        margin: 50px 0 20px 0;
    }
}

@media screen and (max-width: 600px) {
    .legal-container {
        margin: 0 50px;
    }

    ul {
        padding-left: 15px;
    }

    .hosting {
        margin: 20px 0 0 0;
    }

    .title {
        font-size: 24px;
    }

    li, .description, .hosting p {
        font-size: 14px;
    }
}

@media screen and (max-width: 400px) {
    .legal-container {
        margin: 0 20px;
    }

    .legal-container .title:first-child {
        margin: 50px 0 10px 0;
    }
}