@media only screen and (max-width: 767px) {
    .container {
        padding-left: clamp(6px, 2vw, 22px);
        padding-right: clamp(6px, 2vw, 22px);
    }
}

@media only screen and (min-width: 768px) {
    .container {
        padding-right: clamp(20px, 20vw, 20vw);
        padding-left: clamp(20px, 20vw, 20vw);
    }
}

.content-container {
    padding-bottom: clamp(6px, 2vw, 22px);
    text-align: justify;
    hyphens: auto;
}

a:hover {
    text-decoration: underline;
}

.invisible {
    display: none
}

.content-container a {
    color: var(--darkblue);
}