﻿.badge{display:inline-block;font-size:.5em;vertical-align:middle;padding:.2em .7em;border-radius:3px;background:#e0502f;color:#fff;letter-spacing:.05em;text-transform:uppercase}
.page-title{text-align:center;margin-bottom:2.5em}
.page-title h2{font-size:2.2em}
#games .box.feature,.row>div>.box.feature{height:100%}
.feature .image.featured img{width:100%;height:auto;display:block}
.hero{padding:0;overflow:hidden;background:#1a1410;text-align:center}
.hero-video{display:block;width:100%;max-height:560px;object-fit:contain;background:#1a1410}
.hero-cta{padding:1.5em 2em 2em;background:#fff}
.hero-cta p{font-size:1.3em;margin-bottom:1em}
.hero-cta ul{display:flex;gap:1em;justify-content:center;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.hero-cta li{padding:0;margin:0}
.about-logo{float:right;width:240px;max-width:40%;margin:0 0 1em 1.5em;border-radius:12px}
.feature .button.small{white-space:nowrap}
#banner.hero{padding:0 !important}
.hero-cta .button{padding-right:3.5em;white-space:nowrap;height:auto;line-height:1.6em;padding-top:.8em;padding-bottom:.8em}
.hero-cta .button:before{right:1em}

#logo h1{background:none;padding:0;margin:0;line-height:0;font-size:0}
#logo h1 a{display:block;background:none;padding:0}
#logo img{display:block;height:84px;width:auto}


@media (max-width:980px){#logo img{height:64px}}


#logo img{height:100px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}

