.h3{background-color: black; color: white; width: auto; height: auto; text-align: center; vertical-align: middle; line-height: 90px; font-family: 'Work Sans';font-size: 36px;}
.box{width: 70%; height: auto; float: left; display: block; padding-right: 15px; }
.box img{width: 100%; height: auto; float: left; display: block;}
.h2{background-color: #d4d4d4; color: white; width: auto; height: 40px; text-align: center; vertical-align: middle; line-height: 40px; font-family: 'Work Sans';font-size: 20px;}
.course{
    display: inline-block;
    position: relative;
    margin: 1%;
    float: left;
    width: 18%;
    height: 200px;

}

.course img{border: #000000 solid}


.h11 {
  border-bottom: 1px solid #BA0C2F; font-family: 'Work Sans'; font-size: 25px; 
}
.btn-info{background-color:#BA0C2F; border:#BA0C2F;}
.hide {
  display: none;
}

.read-more-toggle {color:#BA0C2F;}


.image{width: 29%; height: auto; float: left; display: block; padding-bottom: 10px;}
.image img{width: 100%;}
.h22{background-color: #d4d4d4; color: white; width: auto; height: 40px; text-align: center;  font-family: 'Work Sans';font-size: 20px;}


.hero-region h1, .hero-region .h1, .hero-region .AdminSynopsis__Title{color:white; font-family: 'Work Sans';}
.hero-region p{color:white; font-family: 'Work Sans';}

.product-bg {
  background-color: black;
 font-family: 'Work Sans';
 color: white;
}


.container product-details, div a img.product-account-logo   {
  
	display: none;
}


@media (max-width: 768px) {
  #app-header .header-nav {
    background: #555;
  }

*/Media for feature region*/

@media (max-width: 1200px) {
  #home-page #feature div {
    max-width: 800px;
 }
 
@media (max-width: 768px) {
  #home-page #feature {
    height: 200px;
    text-align: center;
    padding: 0 2em;
  }

.alert-top {
  margin-bottom: 0;
}

@media (max-width: 768px) {	
.image {width: 100%;}
}
.product-bg div.col-md-6 p.hero-action{display: none;}
.btn-info {display: none;}