.top-banner{
  padding-top:70px;
  padding-bottom:80px;
  background:#fff;
  z-index:1;
}
.top-banner h1{
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #000;
  font-size: 52px;
  padding-top:0px;
  margin-top:0px;
  line-height:1.3;
  padding-bottom:15px;
}
.top-banner span{
  color: #FF002E;
}

.top-banner h5{
  padding-top:0px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #000;
  font-size: 16px;
  letter-spacing: 0;
}
.top-banner p{
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #000;
  width:100%;
  font-size: 15px;
  letter-spacing: 0;
  line-height:1.6;
  padding-bottom:10px;
}



/* Spotlight hero */

.top-banner{
  position:relative;
}
.blog-cover img{
  width:360px;
  border-radius:20px;
  border:1px solid #ccc;
}
.spotlight-img0{
  position:absolute;
  width:220px;
  right:0%;
  top:3%;
flex-shrink: 0;
}
.blog-body{
  background:url('img/Slyds-J-bg2.png');
  background-size:contain;
  background-position:right center;
  background-repeat:no-repeat;
  padding-top:25px;
}




@media (max-width: 767px) {

    .navbar-inverse .navbar-toggle {
        border-color: #ffffff;
      }
      .navbar-inverse .navbar-toggle .icon-bar {
          background-color: #000;
      }
          .navbar-inverse .navbar-toggle:hover,  .navbar-inverse .navbar-toggle:active{
        background-color: #ffffff;
    }
  .top-banner h1 {
    
    font-size: 32px;

  }
  .top-banner {
    padding-top: 50px;
    padding-bottom: 70px;
    background: #fff;
    z-index: 1;
}
.top-banner p {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    color: #000;
    width: 80%;
    font-size:14px;
    }
    
}