body {
    text-align: center;
}

.welcome-heading-2 {
    margin-top: 0;
    background: #eaeaea;
    background-size: cover;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding: 15px 0px 20px 0px;
    margin-bottom: 15px;
}

p {
    color: #0c0c0c;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    text-decoration: none;
    text-transform: none;
}

h1 {
    color: #bd1f2d;
    font-family: 'Roboto Slab', sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
}

h2 {
    color: #000000;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 29px;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
}

h3 {
    color: #bd1f2d;
    font-family: 'Roboto Slab', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    text-decoration: none;
}

h4 {
    color: #ffffff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    text-decoration: none;
    text-transform: uppercase;
}

h5 {
    color: #bd1f2d;
    font-family: 'Roboto Slab', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
}

h6 {
}

.header-area {
    padding-bottom: 20px;
}

a {
    color: #bd1f2d;
    text-decoration: none;
}

    a:hover {
        color: #545454;
    }

h4 a {
    color: #ffffff;
}

h4 a:hover {
    color: #eeeeee;
}

.banner-2 {
    background: url('../wp-content/uploads/2017/07/Banner-2.jpg') no-repeat;
    background-size: cover;
    padding: 80px 0;
}

    .banner-2 h1, .banner-2 h2, .banner-2 p {
        color: white;
    }

.banner-3 {
    background: url('../Uploads/Banner-3.jpg') no-repeat;
    background-size: cover;
    padding: 80px 0;
}

    .banner-3 h1, .banner-3 h2, .banner-3 p {
        color: white;
    }

.footerWidgets {
    background: #000;
    border-top: #bd1f2d solid 5px;
    margin-top: -20px;
    padding-top: 30px;
}

    .footerWidgets h2 {
        color: #bd1f2d;
        font-size: 22px;
    }

    .footerWidgets p {
        color: #fff;
    }

.btn.btn-primary {
    background: #BD1F2D;
    color: #fff;
    border-radius: 0;
    font-family: 'Roboto Condensed';
    font-size: 14px;
}

    .btn.btn-primary a {
        color: #fff;
        font-family: 'Roboto Condensed';
        font-size: 14px;
    }

    .btn.btn-primary:hover {
        background: #000;
        font-family: 'Roboto Condensed';
        font-size: 14px;
    }


.service-widgets {
    background: #BD1F2D;
    padding: 10px 10px 10px 10px;
}

    .service-widgets:hover {
        margin-top: -7px;
    }


.service-text {
    padding: 0px 20px 10px 20px;
    min-height: 65px;
}

.service-link {
    margin-top: -9px;
    border-bottom: #000 solid 1px;
}

    .service-link:hover {
        margin-top: -12px;
    }

.homeWidgetHolder {
    display: none;
}


.featuredWidgetHolder {
    background: url('wp-content/uploads/2017/07/Contact-background.jpg')no-repeat;
    width: 100%;
}

label {
    color: #fff;
}

.required {
    color: #bd1f2d;
}


.secondaryWidgetHolder {
    background: url('wp-content/uploads/2017/07/Contact-background.jpg')no-repeat;
    width: 100%;
}



.f1Gallery {
    margin-top: -57px; /*Hey this is just based off of the test text I am using adjust this to match the final content*/
    max-height: 650px;
}

    .f1Gallery img {
        width: 100%;
        max-height: 650px;
        object-fit: cover;
        /*width: 1800px;
        height: 500px;*/
    }

    .f1Gallery div {
        transform: translateY(175px);
        color: white;
        background-color: rgb(0 0 0/.71);
        /*opacity: 0.61;*/
        padding: 15px;
        height: fit-content;
        width: fit-content;
        margin: 0 auto;
        white-space: nowrap;
        /*height:0;*/
    }

@media(max-width:992px) {
    .f1Gallery {
        /*margin-top: -57px;*/ /*Hey this is just based off of the test text I am using adjust this to match the final content*/
        /*max-height: 650px;*/
        display: flex;
        flex-direction: column;
    }

        .f1Gallery img {
            width: 100%;
            max-height: 650px;
            object-fit: cover;
            order: 1;
            /*width: 1800px;
        height: 500px;*/
        }

        .f1Gallery div {
            order: 2;
            transform: translateY(100px);
            color: white;
            background-color: rgb(0 0 0/1);
            /*opacity: 0.61;*/
            padding: 15px;
            /*height: fit-content;
            width: fit-content;
            margin: 0 auto;*/
            white-space: nowrap;
            /*height:0;*/
        }
}