.striping {
    padding-top: 5px;
    background: #337AB7 !important;
}


.row.featurette.intervalSpace { /*title intervalspac*/
    height: 25%;
    margin-top: 50px;
}

/* MARKETING CONTENT
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
}

.marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
}


/* Carousel base class */
.carousel {
    margin-bottom: 4rem;
}

/* Since positioning the image, we need to help out the caption */


/*<hr> inverst space*/
.featurette-divider {
    margin-bottom: 4em;
    border: none;
}


/*2 vary span style */
span {
    color: black !important;
    font-weight: bold;
}

.text-muted {
    font-weight: bold;
}

/*custom font*/
h2, h3 {
    color: #0b69a5;
}

h3, h4 {
    font-weight: bold;
}

h4, h5 {
    color: black;
}

h2 {
    font-weight: bold !important;
    text-align: center;
}

h4 {
    text-align: center;
}


@media (min-width: 1200px) {
    h2 {
        font-size: 48px !important;
        margin-bottom: 28px;
    }

    h3 {
        font-size: 36px !important;
    }

    h4 {
        font-size: 32px !important;
    }

    h5 {
        font-size: 24px !important;
    }

    span {
        font-size: 28px;
    }

    .text-muted {
        font-size: 48px;
    }

}

@media (min-width: 814px) and (max-width: 1199px) {

    h2 {
        font-size: 38px !important;
    }

    h3 {
        font-size: 28px !important;
    }

    h4 {
        font-size: 24px !important;
    }

    h5 {
        font-size: 20px !important;
    }

    span {
        font-size: 28px;
    }

    .text-muted {
        font-size: 38px;
    }

    .featurette-divider {
        margin-bottom: 2em;
    }

    .row.featurette.intervalSpace p {
        text-align: left;
    }

}

@media (min-width: 314)and(max-width: 813) {

    h2 {
        font-size: 28px !important;
    }

    h3 {
        font-size: 22px !important;
    }

    h4 {
        font-size: 20px !important;
    }

    h5 {
        font-size: 16px !important;
    }

    span {
        font-size: 22px;
    }

    .text-muted {
        font-size: 28px;
    }

    .featurette-divider {
        margin-bottom: 1em;
    }

    .row.featurette.intervalSpace p {
        text-align: left;
    }
}