.course-banner {
    background-color: #f7f6f4;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    min-height: 550px !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    position: relative;
}
.course-banner:after {
  	position: absolute;
  	height: 100%;
  	width: 100%;
  	background-color: rgba(0,0,0,.5);
  	top: 0;
  	left: 0;
  	display: block;
  	content: "";
}

.course-header {
 width: 75%;
 margin: 0 auto;
 position: relative;
 top: 175px;
  z-index: 1;

}

.course-header {

  text-align: center;}

.course-header h1 {

 color: #fff;
 text-align: center;
 font-size: 60px !important;
 margin-top: 0;
 margin-bottom: 50px;
}

.course-header h2 {
 color: #fff;
 text-align: center;
 font-size: 30px;
  font-weight: 300;
}

.course-header p {

 color: #fff;
 text-align: center;
 margin-top: 0;
  font-size: 100%;
}

  
@media (max-width: 1100px) {
 .course-banner{
       min-height: 600px:
 }
  
 .course-header h1 {
 font-size: 50px !important;
 }
 .course-header p {
 font-size: 16px !important;
 }
  .course-header {
     width: 95%;
     margin: 0 auto;
 position: relative;
 top: 100px;
  z-index: 1

}