﻿.container-textonly {
    --link-font-size: 0.8vw;
    --link-font-size-offset: 0.1vw;
}

    .container-textonly .container .section-title {
        text-align: center;
        padding: 0 3vw 2vw 3vw;
        font-family: var(--primary-font-family);
        font-size: 4.3vw;
        line-height: 4.7vw;
        color: var(--header-font-color);
    }

    .container-textonly .section-cols-2 {
        padding: 0 5vw 3vw 5vw;
    }

        .container-textonly .section-cols-2 .section-cols-2-left {
            padding-right: 3rem;
        }

        .container-textonly .section-cols-2 .section-cols-2-right {
            padding-left: 3rem;
        }

        .container-textonly .section-cols-2 .section-text {
            font-family: var(--secondary-font-family);
            font-size: 1.15vw;
            font-weight: 300;
            line-height: 1.7vw;
            color: var(--text-font-color);
            text-align: left;
        }

    .container-textonly .container .section-link {
        padding: 0 13vw 0vw 13vw;
        text-align: center;
    }

        .container-textonly .container .section-link a {
            font-family: var(--secondary-font-family);
            font-size: var(--link-font-size);
            font-weight: 600;
            color: var(--link-font-color);
            padding-bottom: 10px;
            border-bottom: 2px solid var(--link-font-color);
            text-decoration: none;
        }

            .container-textonly .container .section-link a span {
                letter-spacing: 5px;
                font-family: var(--secondary-font-family);
                font-size: var(--link-font-size);
                color: var(--link-font-color);
            }

@media (min-width: 992px) and (max-width: 1199px) {
    .container-textonly .container .section-title {
        padding: 0 8vw 2vw 8vw;
    }

    .container-textonly .section-cols-2 .section-cols-2-left {
        padding-right: 1.5rem;
    }

    .container-textonly .section-cols-2 .section-cols-2-right {
        padding-left: 1.5rem;
    }

    .container-textonly .section-cols-2 .section-text {
        font-size: 1.2vw;
        line-height: 1.7vw;
    }

    .container-textonly .container .section-link a, .container-textonly .container .section-link a span {
        font-size: calc(var(--link-font-size) + var(--link-font-size-offset));
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .container-textonly .container .section-title {
        padding: 0 8vw 2vw 8vw;
    }

    .container-textonly .section-cols-2 .section-cols-2-left {
        padding-right: 1rem;
    }

    .container-textonly .section-cols-2 .section-cols-2-right {
        padding-left: 1rem;
    }

    .container-textonly .section-cols-2 .section-text {
        font-size: 1.2vw;
        line-height: 1.7vw;
    }

    .container-textonly .container .section-link a, .container-textonly .container .section-link a span {
        font-size: calc(var(--link-font-size) + 2 * var(--link-font-size-offset));
    }
}

@media (max-width: 767px) {
    .container-textonly .container .section-title {
        padding: 0 8vw 2vw 8vw;
    }

    .container-textonly .section-cols-2 .section-cols-2-left {
        padding-right: 1rem;
    }

    .container-textonly .section-cols-2 .section-cols-2-right {
        padding-left: 1rem;
    }

    .container-textonly .section-cols-2 .section-text {
        font-size: 1.2vw;
        line-height: 1.7vw;
    }

    .container-textonly .container .section-link a, .container-textonly .container .section-link a span {
        font-size: calc(var(--link-font-size) + 2 * var(--link-font-size-offset));
    }
}

/*@media (min-width: 576px) and (max-width: 767px) {
    .container-textonly .container .section-title {
        text-align: left;
        padding: 0 10px 20px 10px;
        font-family: var(--primary-font-family);
        font-size: 42px;
        line-height: 46px;
        color: var(--header-font-color);
    }

    .container-textonly .section-cols-2 {
        padding: 0 10px 0 10px;
    }

        .container-textonly .section-cols-2 .section-cols-2-left {
            padding: 0 0 10px 0;
        }

        .container-textonly .section-cols-2 .section-cols-2-right {
            padding: 0 0 0px 0;
        }

        .container-textonly .section-cols-2 .section-text {
            font-family: var(--secondary-font-family);
            font-size: 20px;
            font-weight: 300;
            line-height: 28px;
            color: var(--text-font-color);
            text-align: left;
        }

    .container-textonly .container .section-link {
        padding: 20px 10px 20px 10px;
        text-align: left;
    }

        .container-textonly .container .section-link a {
            font-family: var(--secondary-font-family);
            font-size: 13px;
            font-weight: 600;
            color: var(--link-font-color);
            padding-bottom: 10px;
            border-bottom: 2px solid var(--link-font-color);
            text-decoration: none;
        }

            .container-textonly .container .section-link a span {
                letter-spacing: 5px;
                font-family: var(--secondary-font-family);
                font-size: 13px;
                color: var(--link-font-color);
            }
}

@media (max-width: 575px) {
    .container-textonly .container .section-title {
        text-align: left;
        padding: 0 10px 20px 10px;
        font-family: var(--primary-font-family);
        font-size: 42px;
        line-height: 46px;
        color: var(--header-font-color);
    }

    .container-textonly .section-cols-2 {
        padding: 0 10px 0px 10px;
    }

        .container-textonly .section-cols-2 .section-cols-2-left {
            padding: 0 0 10px 0;
        }

        .container-textonly .section-cols-2 .section-cols-2-right {
            padding: 0 0 0px 0;
        }

        .container-textonly .section-cols-2 .section-text {
            font-family: var(--secondary-font-family);
            font-size: 18px;
            font-weight: 300;
            line-height: 28px;
            color: var(--text-font-color);
            text-align: left;
        }

    .container-textonly .container .section-link {
        padding: 20px 10px 20px 10px;
        text-align: left;
    }

        .container-textonly .container .section-link a {
            font-family: var(--secondary-font-family);
            font-size: 13px;
            font-weight: 600;
            color: var(--link-font-color);
            padding-bottom: 10px;
            border-bottom: 2px solid var(--link-font-color);
            text-decoration: none;
        }

            .container-textonly .container .section-link a span {
                letter-spacing: 5px;
                font-family: var(--secondary-font-family);
                font-size: 13px;
                color: var(--link-font-color);
            }
}*/
