.blog-banner{width:100%;height:720px}.blog-banner .banner{position:fixed;top:0;left:0;width:100%;height:720px;background-repeat:no-repeat;background-position:center;background-size:cover}.blog-banner .banner .content{position:fixed;top:200px;left:0;width:100%;bottom:300px;text-align:center;z-index:2;padding:0 15px}.blog-banner .banner .title{font-size:45px;letter-spacing:3px;line-height:1.2;margin-bottom:20px;font-weight:400;margin-top:0;color:#4b4b4d;font-family:"Knockout-67";text-transform:uppercase}.blog-banner .banner .color-bar{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:600px;margin:0 auto 35px}.blog-banner .banner .color-bar-color.pink{background-color:#ea0075}.blog-banner .banner .color-bar-color{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:5px}.blog-banner .banner .color-bar-color.purple{background-color:#522986}.blog-banner .banner .color-bar-color.blue{background-color:#00a1b4}.blog-banner .banner .color-bar-color.green{background-color:#81bf37}.blog-banner .banner p{margin:0 auto;font-size:22px;letter-spacing:1.5px;line-height:1.1636;color:#4b4b4d;font-weight:100;font-family:"Sentinel-BookItal";max-width:600px}@media(max-width:900px){.blog-banner section.banner{background-position:0 50%}}@media(max-width:600px){.blog-banner section.banner{background-position:15% 50%}}@media(min-width:768px){.blog-banner .banner .content{padding:0}.blog-banner .banner .title{letter-spacing:5px;font-size:102px}}@media(max-width:400px){.blog-banner section.banner{background-position:20% 50%}}