.blogBanner{align-items:flex-end;-webkit-align-items:flex-end;background-attachment:scroll;background-color:#333;background-repeat:no-repeat;background-size:cover;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:flex-end;-webkit-justify-content:flex-end;position:relative;-webkit-box-align:end;-webkit-box-pack:end;-ms-flex-align:end;-ms-flex-pack:end;background-position:bottom;min-height:275px}.blogBanner.postbanner{background-position:0 85%}.blogBanner .page-center{padding:0;width:100%}.blogBanner .bnrContentWrap{display:flex;justify-content:start;justify-content:center;text-align:center}.blogBanner .contentCol{border-image:linear-gradient(45deg,#f7c93a,#eb6426) 1;border-top-style:solid;border-top-width:5px}.blogBanner .contentCol .contentColin{background-color:hsla(0,0%,100%,.92);box-shadow:2px 2px 6px 0 rgba(0,0,0,.3);padding:20px 25px 10px}.blogBanner .bnrTtl{margin:-5px 20px 5px}.blogBanner .contentColin h1{font-size:3em;margin:0}@media (min-width:801px){.blogBanner .contentCol{width:40%}}@media screen and (max-width:1050px) and (min-width:801px){.blogBanner .bnrTtl h1{font-size:2em}}@media screen and (max-width:800px) and (min-width:450px){.blogBanner{background-size:200%}}@media screen and (max-width:800px){.blogBanner .contentCol{width:100%}.blogBanner .contentColin h1{font-size:2.3em}}@media screen and (max-width:768px){.blogBanner .contentColin h1{line-height:1.4}.blogBanner .bnrTtl{margin-bottom:0}}