.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;  }
}