main {
    .voorwaardenContainer {
        margin: 25px 2% 50px;

        >section {
            display: flex;
            flex-direction: column;
            margin: 15px 0 25px;

            >h2 {
                margin: 10px 0;
            }

            && a {
                color: var(--text-color);

                margin: 2.5px 0;
                width: max-content;

                &&:hover {
                    text-decoration: none;
                }
            }

            && span {
                font-weight: bold;
            }

            >p {
                margin: 5px 0;
            }
        }
    }
}

@media screen and (max-width: 900px) {
    .voorwaardenContainer {
        padding: 10px;

        && h1 {
            font-size: 2rem;
        }

        && h2 {
            font-size: 1.5rem;
        }

        && a {
            font-size: 1.25rem;
            padding: 7.5px 0;
        }

        && p a,
        p span {
            font-size: 1.15rem;
        }
    }
}

@media screen and (max-width: 480px) {
    .voorwaardenContainer {
        padding: var(--padding-small);
        font-size: var(--font-size-small);
    }
}