.image-bg-container-xl {
    height: 100vh;
    min-height: 550px;
    width: 100%;
    position: relative;
}

.image-bg-container-lg {
    /*margin-top: 66px;
    height: 60vh;*/
    height: 70vh;
    width: 100%;
    position: relative;
}

.image-bg-container-sm {
    /*margin-top: 66px;
    height: 30vh;*/
    height: 40vh;
    width: 100%;
    position: relative;
}

.image-bg-container-sm .bg-element-text,
.image-bg-container-lg .bg-element-text {
    top: 60%;
}

.image-bg-container-xl .heading-color,
.image-bg-container-lg .heading-color,
.image-bg-container-sm .heading-color {
    color: #FFFFFF;
}

.image-bg-container-sm-no-bg {
    margin-top: 66px;
    height: 30vh;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #CCCCCC;
}

.image-bg {
    width: 100%;
    min-height: 750px;
    height: auto;
    position: fixed;
    top: 0;
}

.image-bg-xl {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
}

.image-bg-sm {
    width: 100%;
    min-height: 500px;
    height: auto;
    position: fixed;
    top: 0;
}