.hero-background,.hero-tabs-nav{display:flex;display:flex;position:absolute}.hero-background{background-size:cover;background-position:center;opacity:0;transition:opacity .5s ease-in-out;display:flex;align-items:center;justify-content:flex-start;padding:3rem;color:#fff}.hero-background.active{opacity:1;z-index:1}.tab-button.active,.tab-button:hover{background:rgba(255,255,255,.2)}@media (max-width:768px){.hero-content h1{font-size:1.5rem}.tab-button{font-size:.9rem;padding:.8rem}.hero-tabs-nav{overflow-x:auto}}.hero-tabs{position:relative;width:100%;height:100vh;overflow:hidden}.hero-background{width:100%;height:100%}.hero-tabs-nav{bottom:0;width:100%;z-index:2;background:rgba(0,0,0,.5)}.tab-button{flex:1;transition:background .3s;flex:1;padding:1rem;background:0 0;color:#fff;border:1px solid rgba(255,255,255,.4);font-size:1rem;cursor:pointer;height:175px}.tab-button.active{border-top:3px solid #fff;background-color:rgba(255,255,255,.1)}