.hero-banner{background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden;padding:50px 0}.hero-banner .content-box h3{color:#fff;font-size:50px;font-weight:300}.hero-banner .content-box h1{display:contents}.hero-banner .content-box .h1,.hero-banner .content-box h1{color:#fff;font-family:Bebas-Regular;font-size:74px;font-weight:500;line-height:.8}.hero-banner .content-box .logo-img{display:inline-block;margin-top:6px;vertical-align:top;width:200px}.hero-banner .content-box h4{color:#fff;font-size:36px;font-weight:300}.hero-banner .content-box .badge{background-color:#fdde3a;border-radius:0;border-bottom-right-radius:20px;border-top-right-radius:20px;color:#000;font-size:20px;font-weight:400;margin:15px 0 20px -150px;padding:10px 20px 10px 150px}.hero-banner .content-box p{color:#fff;font-size:20px;font-weight:300}.hero-banner .content-box .schedule .detail-box{background-color:#f1b117;margin-right:10px;padding:20px;transform:skew(20deg)}.hero-banner .content-box .schedule .detail-box .d-flex{transform:skew(-20deg)}.hero-banner .content-box .schedule .detail-box h6{font-size:18px;font-weight:500;margin:0}@media(max-width:1360px){.hero-banner .content-box .h1,.hero-banner .content-box h1{font-size:64px}.hero-banner .content-box h3{font-size:40px}.hero-banner .content-box h4{font-size:28px}}@media(max-width:1200px){.hero-banner .content-box .h1,.hero-banner .content-box h1{font-size:56px}.hero-banner .content-box .logo-img{width:140px}}@media(max-width:992px){.hero-banner .content-box .schedule .detail-box{margin:10px 15px;width:100%}.hero-banner .content-box h3{font-size:36px}.hero-banner .content-box h4{font-size:22px}}