﻿.container-imageandtext2 {
    --link-font-size: 0.8vw;
    --link-font-size-offset: 0.1vw;
    height: auto;
}

    .container-imageandtext2 .container .section-title {
        text-align: center;
        padding: 0 3vw 0 3vw;
        font-family: var(--primary-font-family);
        font-size: 3.3vw;
        line-height: 3.7vw;
        color: var(--header-font-color);
    }

    .container-imageandtext2 .section-cols-2 {
        padding: 0vw 2vw 0vw 2vw;
    }

        .container-imageandtext2 .section-cols-2 .box-image {
            position: relative;
            height: 100%;
        }

            .container-imageandtext2 .section-cols-2 .box-image img {
                width: 100%;
                height: auto;
                padding: 0.5vw 0 1vw 0;
            }

        .container-imageandtext2 .section-cols-2 .box-content {
            position: relative;
            height: 100%;
            padding: 2.5vw;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }

            .container-imageandtext2 .section-cols-2 .box-content .box-title {
                font-family: var(--primary-font-family);
                font-size: 4.1vw;
                line-height: 4.5vw;
                color: var(--header-font-color);
                width: 100%;
            }

            .container-imageandtext2 .section-cols-2 .box-content .box-text {
                padding: 1.5vw 2.5vw 0 0;
                text-align: left;
                font-family: var(--secondary-font-family);
                font-size: 1.15vw;
                font-weight: 100 !important;
                line-height: 1.7vw;
                color: var(--text-font-color);
                width: 100%;
            }

            .container-imageandtext2 .section-cols-2 .box-content .box-link {
                width: 100%;
                text-align: left;
                padding: 1.5vw 0 0 0;
            }

                .container-imageandtext2 .section-cols-2 .box-content .box-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-imageandtext2 .section-cols-2 .box-content .box-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-imageandtext2 .section-cols-2 .box-content .box-text {
        font-size: 1.1vw;
        line-height: 1.7vw;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .container-imageandtext2 .section-cols-2 .box-content .box-text {
        font-size: 1.1vw;
        line-height: 1.7vw;
    }
}

@media (max-width: 767px) {
    .container-imageandtext2 .section-cols-2 .box-content .box-text {
        font-size: 1.1vw;
        line-height: 1.7vw;
    }
}

/*
@media (min-width: 576px) and (max-width: 767px) {
    .container-imageandtext2 .container-fluid {
        padding: 0 !important;
    }

    .container-imageandtext2 .box-image-wrapper {
        padding: 0 10px !important;
    }

    .container-imageandtext2 .section-cols-2 {
        padding: 0 20px !important;
    }

        .container-imageandtext2 .section-cols-2 .box-image {
            position: relative;
            height: 100%;
        }

            .container-imageandtext2 .section-cols-2 .box-image img {
                width: 100%;
                height: auto;
                padding: 10px 0 10px 0;
            }

        .container-imageandtext2 .section-cols-2 .box-content {
            position: relative;
            padding: 30px 20px 0 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }

            .container-imageandtext2 .section-cols-2 .box-content .box-title {
                font-size: 36px;
                line-height: 40px;
            }

            .container-imageandtext2 .section-cols-2 .box-content .box-text {
                padding: 20px 0 0 0;
                text-align: left;
                font-size: 18px;
                line-height: 28px;
            }

            .container-imageandtext2 .section-cols-2 .box-content .box-link {
                width: 100%;
                text-align: left;
                padding: 0;
            }

                .container-imageandtext2 .section-cols-2 .box-content .box-link a {
                    font-size: 12px;
                }

                    .container-imageandtext2 .section-cols-2 .box-content .box-link a span {
                        font-size: 12px;
                    }
}

@media (max-width: 575px) {
    .container-imageandtext2 .container-fluid {
        padding: 0 !important;
    }

    .container-imageandtext2 .box-image-wrapper {
        padding: 0 10px !important;
    }

    .container-imageandtext2 .section-cols-2 {
        padding: 0 20px !important;
    }

        .container-imageandtext2 .section-cols-2 .box-image {
            position: relative;
            height: 100%;
        }

            .container-imageandtext2 .section-cols-2 .box-image img {
                width: 100%;
                height: auto;
                padding: 10px 0 10px 0;
            }

        .container-imageandtext2 .section-cols-2 .box-content {
            position: relative;
            padding: 30px 20px 0 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }

            .container-imageandtext2 .section-cols-2 .box-content .box-title {
                font-size: 36px;
                line-height: 40px;
            }

            .container-imageandtext2 .section-cols-2 .box-content .box-text {
                padding: 20px 0 0 0;
                text-align: left;
                font-size: 18px;
                line-height: 28px;
            }

            .container-imageandtext2 .section-cols-2 .box-content .box-link {
                width: 100%;
                text-align: left;
                padding: 0;
            }

                .container-imageandtext2 .section-cols-2 .box-content .box-link a {
                    font-size: 12px;
                }

                    .container-imageandtext2 .section-cols-2 .box-content .box-link a span {
                        font-size: 12px;
                    }
}
*/