.blogBanner{display:flex;align-items:center;position:relative;background-size:cover!important;background-position:50%!important;background-repeat:no-repeat;min-height:400px;overflow:hidden}.blogBanner:before{background:#fcb228;width:40%;left:0;top:0;-moz-clip-path:polygon(0 0,100% 0,95% 100%,0 100%);clip-path:polygon(0 0,100% 0,95% 100%,0 100%)}.blogBanner:after,.blogBanner:before{color:#000;content:"";position:absolute;height:35px;z-index:999}.blogBanner:after{background:#fff;width:45%;right:0;bottom:0;-moz-clip-path:polygon(5% 0,100% 0,0 100%,0 100%);clip-path:polygon(5% 0,100% 0,100% 100%,0 100%)}.blogBannerInner{position:relative}.blogBannerInner:before{position:absolute;content:"";background:#0653a1;width:1400px;height:200px;opacity:.8;top:-70px;-moz-clip-path:polygon(0 0,100% 0,88% 100%,0 100%);clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}.blogBanner .headerText{position:relative;z-index:99;padding-left:220px}.blogBanner .headerText h1{color:#444;margin:0;font-family:Open Sans Condensed,sans-serif;line-height:1.1em;font-size:50px;letter-spacing:5px;padding:0}.blogBanner .headerText h1 span{color:#fff;text-transform:uppercase}@media only screen and (max-width:1200px) and (min-width:986px){.blogBannerInner:before{width:900px}}@media only screen and (max-width:985px) and (min-width:768px){.blogBanner{min-height:350px}.blogBanner:before{width:80%}.blogBannerInner{width:100%}.blogBannerInner:before{width:100%;height:180px;top:-45px;clip-path:unset!important}.blogBanner .headerText{padding-left:40px}.blogBanner:after{width:80%;bottom:-1px}}@media only screen and (max-width:767px) and (min-width:320px){.blogBanner{min-height:300px}.blogBanner:before{width:80%}.blogBanner:after{width:80%;bottom:-1px}.blogBannerInner{width:100%}.blogBannerInner:before{width:100%;height:calc(100% + 50px);top:-25px;clip-path:unset!important}.blogBanner .headerText{padding-left:40px}.blogBanner .headerText h1{font-size:32px}}