/* ---- BLOG CUSTOM HEADER ------------- */
.blog-custom-header-container-outer {
  width: 100%
    float: left;
}

.blog-custom-header-container-left {
  width: 50%;
  float: left;
}

.blog-custom-header-container-right {
    width: 50%;
    float: left;
}

.blog-custom-header-container-title {
    line-height: 1;
    font-size: 60px;
    
}   
.blog-custom-header-container-pre-title {
    line-height: 1;
    font-size: 30px; 
    text-transform: uppercase;
}


.blog-custom-header-details-container {
  width: 100%;
  margin: 0 0 20px 0;
}
.blog-custom-header-details-author {
    /* width: 50%; */
    float: left;
    margin-right: 20px;
    border-right: 1px solid #fff;
    padding-right: 20px;
    font-size: 24px;
}
.blog-custom-header-details-date {
    float: left;
    font-size: 24px;
}
.blog-custom-header-details-btn {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    font-style: italic;
  margin-top: 15px;
  display: inline-block;
  padding-bottom: 150px;
}
.blog-custom-header-details-btn:hover {
    font-style: italic;
}

/* ---- BLOG CUSTOM HEADER ------------- */


@media screen and (max-width:1300px) and (min-width:0) {
    .blog-custom-header-container-title {
        padding: 120px 0 0 0!important;
        font-size: 60px;
     }
}

@media screen and (max-width:1150px) and (min-width:0) {
    .blog-custom-header-container-title {
        padding: 100px 0 0 0!important;
        font-size: 50px;
     }
}
/* --------------------------- 992px ---------------- */
@media screen and (max-width:992px) and (min-width:0) {
  .blog-custom-header-container-left {
      width: 80%;
      float: none;
      text-align: center;
      margin: 0 auto;
    }
  .blog-custom-header-container-title {
      padding: 60px 0 0 0!important;
  }
  .blog-custom-header-details-author {
      /* width: 50%; */
      float: none;
      border-right: none;
      padding-right: 0;
      margin: 0 0 5px 0;
  }
  .blog-custom-header-details-date {
      float: none;
      font-size: 24px;
  }
  .blog-custom-header-container-right {
      width: 400px;
      float: none;
      margin: 0 auto;
  }
  .blog-custom-header-details-container {
      margin: 0 0 0px 0;
  }
  .blog-custom-header-details-btn {
      padding-bottom: 0px;
  }
}
/* --------------------------- 992 ---------------- */


/* --------------------------- 600 px ---------------- */
@media screen and (max-width:600px) and (min-width:0) {
  .blog-custom-header-container-left {
      width: 90%;
  }
  .blog-custom-header-container-title {
      padding: 40px 0 0 0!important;
      font-size: 40px;
      margin-bottom: 15px!important;
  }
  .blog-custom-header-details-author {
      font-size: 18px;
  }
  .blog-custom-header-details-date {
      font-size: 18px;
  }
  .blog-custom-header-container-right {
      width: 60%;
  }

}
/* --------------------------- 600px ---------------- */