.featured-post-header {
 width: 100%;
  height: 500px;
  background-position: center; 
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.featured-post-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, rgba(0,0,0,0.8) , rgba(0,0,0,0.3));
}

.featured-post-overlay-inner {
 position: relative;
 width: 100%;
 height 100%; 
}

.featured-post-inner {
 width: 50%;
 height: 400px;
 top: 55px !important;
  position: relative;
  left: 30px;
}

.featured-post-text {
 padding: 0px; 
  padding-top: 135px;
}

.featured-post-text h1 {
/*  font-size: 14px;  */
  
  display: inline-block;
  color: #fff;
  margin-bottom: 4px;
}

.featured-post-text p.featured {
 font-size: 14px; 
  
  display: inline-block;
  color: #fff;
  margin-left: 5px;
  margin-bottom: 4px;
}

.featured-post-text h2 {
  color: #fff;
  
  line-height: 1.3;
  margin-bottom: 10px;
}

.featured-post-text h2 a {
  color: #fff !important;
  text-decoration: none;
}



.featured-post-text p {
 color: #fff; 
}

.featured-post-text .readmore a {
      padding: 14px 35px;
    background-color: #6824c2;
    color: #fff;
    border-radius: 5px;
    transition: .3s;
  font-weight: 600;
  font-size: 16px;
}

.featured-post-text .readmore {
 margin-top: 30px; 
}
.featured-post-text .readmore a:hover {
    background-color: #19191a; 
  text-decoration: none;
  color: #fff;
}

@media only screen and (max-width: 1150px) {
  .featured-post-inner {
 width: 50%;
  }
}

@media only screen and (max-width: 950px) {
  .featured-post-inner {
 width: 60%;
  }
}

@media only screen and (max-width: 800px) {
  .featured-post-inner {
 width: 80%;
  }
}

@media only screen and (max-width: 600px) {
  .featured-post-inner {
 width: 84%;
  }
}

@media only screen and (max-width: 500px) {
.featured-post-text {
  padding-top: 35px;
}
  
  .featured-post-text h2 {
  font-size: 28px;
}
}

@media only screen and (max-width: 400px) {
   .featured-post-text h2 {
  font-size: 24px;
}
}