/*Hero Image*/
 .single-blog-hero {
     width: 100vw;
     height: 70vh;
     background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url('/wp-content/uploads/2019/06/web_marketing_pege_title_03-1024x477.jpg');
     background-size: cover;
     background-attachment: fixed;
     background-repeat: no-repeat;
     background-position: center;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
}
 .single-blog-hero .header-text {
     width: 700px;
     text-align: center;
}
 .single-blog-hero h1 {
     margin-bottom: 10px;
     font-family: League Spartan, sans-serif;
     font-weight: 500;
     font-size: 45px;
     color: white;
}
 .single-blog-hero .post-title {
     font-size: 60px;
     letter-spacing: 0.5px;
     color: #fff;
     line-height: 70px;
}
 .single-blog-hero p {
     margin-bottom: 20px;
     font-family: 'Open Sans', Helvetica, sans-serif;
     color: white;
     font-size: 18px;
}
 .single-blog-hero button {
     border: 2px solid white;
     color: white;
     font-family: 'Roboto', Segoe UI, calibri, Helvetica, serif;
     padding: 10px 40px;
     margin: 0 10px;
     font-size: 18px;
	 line-height: 0;
     width: auto;
     border-radius: 500px;
     cursor: pointer;
     background-color: transparent;
     transition: all 0.2s ease-in-out;
}
 .single-blog-hero button.oa_btn-secondary {
    background: transparent;
    border: 3px solid #ef99a6;
    color: #ec8292 !important;
}
 .single-blog-hero .single-blog-hero button:hover, button:active {
     background-color: white;
     color: black;
}
 @media screen and (max-width: 676px) {
     .single-blog-hero .header-text {
         width: 95%;
         text-align: center;
    }
}
 @media screen and (max-width: 601px) {
     .single-blog-hero .post-title {
         font-size: 45px;
         line-height: 55px;
    }
     .single-blog-hero h1 {
         font-size: 30px;
    }
     .single-blog-hero p {
         font-size: 15px;
         width: 85%;
         display: block;
         margin: auto;
         margin-bottom: 20px;
    }
     .single-blog-hero button {
         font-size: 16px;
         width: auto;
         display: block;
         margin: 0 auto 20px;
    }
}
 @media screen and (max-width: 460px) {
     .single-blog-hero .post-title {
         font-size: 35px;
    }
     .single-blog-hero h1 {
         font-size: 28px;
    }
}
/*Hero Image*/