@import "../system.css";

.section.header{
    padding-top: 48px;
    margin-bottom: 48px;
}

.section.header .header_logo{
    max-width: 256px;
    width: 100%;
    margin: 0 auto;;
}







#showCookiesButton{
    border: none;
    display: block;
    width: 256px;
    margin: 0 auto;
    font-size: 1rem;
    padding: 8px 16px;
    border-radius: 12px;
    background-color: var(--color-blue);
    color: var(--color-light);
}


.section__description{
    margin-bottom: 48px;
}

.section__subsection{
    margin-bottom: 48px;
}

.subsection__subsection{
    margin-bottom: 24px;
    padding-left: 12px;
}

.section__subsection:has(.subsection__subsection) .subsection__description{
    margin-bottom: 24px;
}


.section__subsection .subsection__title{
    font-size: 1.25rem;
    font-weight: 600;
}

.section__subsection .subsection__subsection .subsection__title{
    font-size: 1.125rem;
}

@media (min-width: 768px) {
    .section__subsection .subsection__title{
        font-size: 1.5rem;
    }
    .section__subsection .subsection__subsection .subsection__title{
        font-size: 1.25rem;
    }
}

@media (min-width: 1024px) {
    .section__subsection .subsection__title{
        font-size: 1.75rem;
    }
    .section__subsection .subsection__subsection .subsection__title{
        font-size: 1.5rem;
    }
}