#hero{background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:var(--color-gravelmania-dark);width:100%;height:47.25rem;position:relative}#hero .background-image{filter:brightness(.4);width:100%;height:100%;position:absolute;top:0;left:0}#hero h1{color:#fff;margin:0 0 10px;font-size:48px;font-weight:700;line-height:56px}#hero h2{color:#fff;text-shadow:1px 1px 2px #000,0 0 1em #ff7b00,0 0 .2em #ff7b00;margin-bottom:50px;font-size:24px}#hero .btn-get-started{letter-spacing:1px;color:#fff;background:#000;border-radius:50px;width:300px;margin:0 auto;padding:10px 28px 11px;font-family:Jost,sans-serif;font-size:16px;font-weight:500;transition:all .5s;display:inline-block}#hero .btn-get-started:hover{background:#ff6e31}#hero .btn-watch-video{color:#fff;align-items:center;margin:10px 0 0 25px;font-size:16px;line-height:1;transition:all .5s;display:flex}#hero .btn-watch-video i{color:#fff;margin-right:8px;font-size:32px;line-height:0;transition:all .5s}#hero .btn-watch-video:hover i{color:#000}#hero .animated{animation:2s ease-in-out infinite alternate-reverse both up-down}.grav-text{padding-top:100px}@media (min-width:991px){#hero .hero-img{width:70%;margin:auto}#hero .container{padding-top:32px}}@media (max-width:991px){#hero{text-align:center;height:100vh}#hero .animated{animation:none}#hero .hero-img{text-align:center}#hero .hero-img img{width:50%}}@media (max-width:768px){#hero h1{font-size:28px;line-height:36px}#hero h2{margin-bottom:30px;font-size:18px;line-height:24px}#hero .hero-img img{width:70%}#hero .btn-get-started{margin-top:70px}}@media (max-width:575px){#hero .hero-img img{width:80%}#hero .btn-get-started{padding:10px 24px 11px;font-size:16px}}@keyframes up-down{0%{transform:translateY(10px)}to{transform:translateY(-10px)}}