/**** sections ****/
section {
    /* spacing */
    margin-bottom: 200px;
}

section .container {
    /* sizing */
    width: var(--page-width);

    /* spacing */
    margin: 0 auto;
}

section h2 {
    /* text */
    font-size: min(35px, max(4vw, 20px));
    font-weight: 800;
    line-height: 1;
    text-align: center;
    color: var(--primary-text-color);

    /* transition*/
    transition: color var(--transition-duration) var(--transition-method);
}