﻿.container-contactusform {
    height: auto;
    padding: 0 10vw 0 10vw;
}

    .container-contactusform .section-title {
        font-family: var(--primary-font-family);
        font-size: 3.1vw;
        line-height: 3.6vw;
        color: var(--header-font-color);
        width: 100%;
        text-align: center;
        padding: 0 0 2.5vw 0;
    }

    .container-contactusform .section-button {
        text-align: center;
        padding: 0 0 2.5vw 0;
    }

        .container-contactusform .section-button button {
            font-family: var(--secondary-font-family);
            font-size: 0.8vw;
            color: #FFFFFF;
            background-color: var(--link-font-color);
            text-transform: uppercase;
            letter-spacing: 5px;
            border-radius: 5px;
            padding: 1vw 5vw 1vw 5vw;
        }

        .container-contactusform .section-button a {
            font-family: var(--secondary-font-family);
            font-size: 0.8vw;
            color: #FFFFFF;
            background-color: var(--link-font-color);
            text-transform: uppercase;
            letter-spacing: 5px;
            border-radius: 5px;
            padding: 1vw 5vw 1vw 5vw;
            text-decoration: none;
        }

    .container-contactusform .form-control {
        font-family: var(--secondary-font-family);
        font-size: 1.2vw;
        line-height: 1.7vw;
        color: var(--header-font-color);
        padding: 1vw 1.5vw 1vw 1.5vw;
        margin: 0 0 2vw 0;
    }

    .container-contactusform textarea {
        height: 20vh;
        resize: none;
    }

    .container-contactusform ::placeholder {
        font-family: var(--secondary-font-family);
        font-size: 1.2vw;
        line-height: 1.5vw;
        color: var(--placeholder-color);
    }

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 991px) {
}

/*@media (min-width: 576px) and (max-width: 767px) {
    .container-contactusform {
        height: auto;
        padding: 0 30px 0 30px;
    }

        .container-contactusform .section-title {
            font-size: 36px;
            line-height: 40px;
            padding: 0 0 30px 0;
        }

        .container-contactusform .section-button {
            text-align: center;
            padding: 10px 0 30px 0;
            width: 100%;
        }

            .container-contactusform .section-button button {
                width: 100%;
                font-size: 12px;
                padding: 25px 0 25px 0;
            }

        .container-contactusform .form-control {
            font-size: 16px;
            line-height: 20px;
            padding: 15px 25px 15px 25px;
            margin: 0 0 10px 0;
        }

        .container-contactusform ::placeholder {
            font-size: 16px;
            line-height: 20px;
        }
}

@media (max-width: 575px) {
    .container-contactusform {
        height: auto;
        padding: 0 30px 0 30px;
    }

        .container-contactusform .section-title {
            font-size: 36px;
            line-height: 40px;
            padding: 0 0 30px 0;
        }

        .container-contactusform .section-button {
            text-align: center;
            padding: 10px 0 30px 0;
            width: 100%;
        }

            .container-contactusform .section-button button {
                width: 100%;
                font-size: 12px;
                padding: 25px 0 25px 0;
            }

        .container-contactusform .form-control {
            font-size: 16px;
            line-height: 20px;
            padding: 15px 25px 15px 25px;
            margin: 0 0 10px 0;
        }

        .container-contactusform ::placeholder {
            font-size: 16px;
            line-height: 20px;
        }
}
*/