﻿.legal-information-container {
    padding-inline: 24px;
    margin-top: 71px;
}

.legal-information-container h1 {
    font-size: 28px;
    margin-bottom: 50px;
}

.legal-information-container h1,
.legal-information-container h2 {
    font-family: "Obviously Wide Medium";
}

.legal-information-container a{
    color: var(--color-red);
    text-decoration: underline;
}

.legal-information-block {
    margin-top: 40px;
}

.legal-information-block h2 {
    margin-bottom: 9px;
    font-size: 16px;
}

.legal-information-block p,
.legal-information-block li,
.publication-text p {
    line-height: 19px;
    font-size: 12px;
}

.legal-information-container .publication-text {
    margin-top: 99px;
    margin-bottom: 95px;
}

.legal-information-container ul,
.legal-information-container ol {
    padding-inline: 22px;
}

.legal-information-container ul {
    list-style: disc;
}

.counters-ol ol {
    counter-reset: firststlevel;
    list-style-type: none;
}

.counters-ol ol li:before {
    display: inline-block;
    content: counter(firststlevel) ".";
    counter-increment: firststlevel;
    width: 2em;
    margin-left: -2em;
}

.counters-ol ol ol {
    counter-reset: secondlevel;
}

.counters-ol ol ol li:before {
    content: counter(firststlevel) "." counter(secondlevel) ".";
    counter-increment: secondlevel;
}

.counters-ol ol ol ol {
    counter-reset: thirdlevel;
}

.counters-ol ol ol ol li:before {
    content: counter(firststlevel) "." counter(secondlevel) "." counter(thirdlevel) ".";
    counter-increment: thirdlevel;
    text-indent: -7px;
}

.counters-ol ol ol ol ol {
    counter-reset: fourlevel;
}

.counters-ol ol ol ol ol li:before {
    content: counter(firststlevel) "." counter(secondlevel) "." counter(thirdlevel) "." counter(fourlevel) ".";
    counter-increment: fourlevel;
    text-indent: -22px;
}

.legal-information-container ol > li:not(:last-child),
.legal-information-container ul > li:not(:last-child) {
    margin-bottom: 10px;
}

.legal-information-container li ul,
.legal-information-container li ol {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .legal-information-container {
        margin-top: 163px;
    }

    .legal-information-container h1 {
        font-size: 44px;
    }
    .legal-information-block h2 {
        font-size: 20px;
    }
    .legal-information-block {
        margin-top: 49px;
    }
    .legal-information-block p,
    .legal-information-block li,
    .publication-text p {
        line-height: 25.52px;
        font-size: 16px;
    }
    .legal-information-container .publication-text {
        margin-bottom: 99px;
    }
}

@media (min-width: 1194px) {
    .legal-information-container {
        padding-inline: 60px;
        margin-top: 218px;
    }
    .legal-information-container h1 {
        font-size: 48px;
        margin-bottom: 75px;
    }
}
@media (min-width: 1500px) {
    .legal-information-container {
        padding-inline: 121px;
    }
    .legal-information-block h2 {
        font-size: 28px;
    }

    .legal-information-block{
        width:1171px;
    }

    .legal-information-block p,
    .legal-information-block li,
    .publication-text p {
        line-height: 31.9px;
        font-size: 20px;
    }
}
