/***** styles for jumbotron & responsive images *****/
.jumbotron {
    margin-top:-30px;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
    background-color: #000000;
    color: #ffffff;
}

@media only screen and (min-width : 1200px) {
    .jumbotron {
        min-height: 300px;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .jumbotron {
        min-height: 300px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .jumbotron {
        min-height: 200px;
    }
}

@media only screen and (max-width: 767px) and (min-width: 576px) {
    .jumbotron{
        min-height: 250px;
    }
}

@media only screen and (max-width : 576px) {
    .jumbotron {
        min-height: 200px;
    }
}

/***** Home Page *****/
@media only screen and (min-width : 1200px) {
    .jumbotron-home {
        background-position: left top !important;
        background-image: url('../image/banners/jmb_home_xl.png');
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .jumbotron-home {
        background-position: left top !important;
        background-image: url('../image/banners/jmb_home_lg.png');
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .jumbotron-home {
        background-position: left top !important;
        background-image: url('../image/banners/jmb_home_md.png');
    }
}

@media only screen and (max-width: 767px) and (min-width: 576px) {
    .jumbotron-home {
        background-position: left top !important;
        background-image: url('../image/banners/jmb_home_sm.png');
    }
}

@media only screen and (max-width : 576px) {
    .jumbotron-home {
        background-position: left top !important;
        background-image: url('../image/banners/jmb_home_xs.png');
    }
}

/***** Data Services *****/
@media only screen and (min-width : 1200px) {
    .jumbotron-data-services {
        background-image: url('../image/banners/jmb_data_services_xl.png');
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .jumbotron-data-services {
        background-image: url('../image/banners/jmb_data_services_lg.png');
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .jumbotron-data-services {
        background-image: url('../image/banners/jmb_data_services_md.png');
    }
}

@media only screen and (max-width: 767px) and (min-width: 576px) {
    .jumbotron-data-services {
        background-image: url('../image/banners/jmb_data_services_sm.png');
    }
}

@media only screen and (max-width : 576px) {
    .jumbotron-data-services {
        background-image: url('../image/banners/jmb_data_services_xs.png');
    }
}

/***** Internet Services *****/
@media only screen and (min-width : 1200px) {
    .jumbotron-internet-services {
        background-image: url('../image/banners/jmb_internet_services_xl.png');
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .jumbotron-internet-services {
        background-image: url('../image/banners/jmb_internet_services_lg.png');
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .jumbotron-internet-services {
        background-image: url('../image/banners/jmb_internet_services_md.png');
    }
}

@media only screen and (max-width: 767px) and (min-width: 576px) {
    .jumbotron-internet-services {
        background-image: url('../image/banners/jmb_internet_services_sm.png');
    }
}


@media only screen and (max-width : 576px) {
    .jumbotron-internet-services {
        background-image: url('../image/banners/jmb_internet_services_xs.png');
    }
}

/***** Voice Services *****/
@media only screen and (min-width : 1200px) {
    .jumbotron-voice-services {
        background-image: url('../image/banners/jmb_voice_services_xl.png');
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .jumbotron-voice-services {
        background-image: url('../image/banners/jmb_voice_services_lg.png');
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .jumbotron-voice-services {
        background-image: url('../image/banners/jmb_voice_services_md.png');
    }
}

@media only screen and (max-width: 767px) and (min-width: 576px) {
    .jumbotron-voice-services {
        background-image: url('../image/banners/jmb_voice_services_sm.png');
    }
}


@media only screen and (max-width : 576px) {
    .jumbotron-voice-services {
        background-image: url('../image/banners/jmb_voice_services_xs.png');
    }
}

/***** Voice Enhanced *****/
@media only screen and (min-width : 1200px) {
    .jumbotron-voice-enhanced {
        background-image: url('../image/banners/jmb_voice_enhanced_xl.png');
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .jumbotron-voice-enhanced {
        background-image: url('../image/banners/jmb_voice_enhanced_lg.png');
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .jumbotron-voice-enhanced {
        background-image: url('../image/banners/jmb_voice_enhanced_md.png');
    }
}

@media only screen and (max-width: 767px) and (min-width: 576px) {
    .jumbotron-voice-enhanced {
        background-image: url('../image/banners/jmb_voice_enhanced_sm.png');
    }
}


@media only screen and (max-width : 576px) {
    .jumbotron-voice-enhanced {
        background-image: url('../image/banners/jmb_voice_enhanced_xs.png');
    }
}

/***** About Us *****/
@media only screen and (min-width : 1200px) {
    .jumbotron-about {
        background-image: url('../image/banners/jmb_about_xl.png');
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .jumbotron-about {
        background-image: url('../image/banners/jmb_about_lg.png');
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .jumbotron-about {
        background-image: url('../image/banners/jmb_about_md.png');
    }
}

@media only screen and (max-width: 767px) and (min-width: 576px) {
    .jumbotron-about {
        background-image: url('../image/banners/jmb_about_sm.png');
    }
}

@media only screen and (max-width : 576px) {
    .jumbotron-about {
        background-image: url('../image/banners/jmb_about_xs.png');
    }
}

/***** Contact Us *****/
@media only screen and (min-width : 1200px) {
    .jumbotron-contact {
        background-image: url('../image/banners/jmb_contact_xl.png');
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .jumbotron-contact {
        background-image: url('../image/banners/jmb_contact_lg.png');
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .jumbotron-contact {
        background-image: url('../image/banners/jmb_contact_md.png');
    }
}

@media only screen and (max-width: 767px) and (min-width: 576px) {
    .jumbotron-contact {
        background-image: url('../image/banners/jmb_contact_sm.png');
    }
}

@media only screen and (max-width : 576px) {
    .jumbotron-contact {
        background-image: url('../image/banners/jmb_contact_xs.png');
    }
}

/***** Error pages *****/
@media only screen and (min-width : 1200px) {
    .jumbotron-error {
        background-image: url('../image/banners/jmb_error_xl.png');
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .jumbotron-error {
        background-image: url('../image/banners/jmb_error_lg.png');
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .jumbotron-error {
        background-image: url('../image/banners/jmb_error_md.png');
    }
}

@media only screen and (max-width: 767px) and (min-width: 576px) {
    .jumbotron-error {
        background-image: url('../image/banners/jmb_error_sm.png');
    }
}

@media only screen and (max-width : 576px) {
    .jumbotron-error {
        background-image: url('../image/banners/jmb_error_xs.png');
    }
}

/***** TEMPLATE *****/
@media only screen and (min-width : 1200px) {
    .jumbotron-temp {
        background-image: url('../image/banners/jmb_temp_xl.png');
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .jumbotron-temp {
        background-image: url('../image/banners/jmb_temp_lg.png');
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .jumbotron-temp {
        background-image: url('../image/banners/jmb_temp_md.png');
    }
}

@media only screen and (max-width: 767px) and (min-width: 576px) {
    .jumbotron-temp {
        background-image: url('../image/banners/jmb_temp_sm.png');
    }
}

@media only screen and (max-width : 576px) {
    .jumbotron-temp {
        background-image: url('../image/banners/jmb_temp_xs.png');
    }
}