.hero{width:100%;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero img{width:100%;height:100%;object-fit:cover;display:block}.hero video{width:100%;height:100%;object-fit:cover;display:block}.hero-text{position:absolute;top:20%;left:50%;transform:translate(-50%);color:var(--white-color);font-size:4rem;font-weight:600;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.3);z-index:10}.hero-text-highlight{color:var(--primary-color)}@media (max-width: 768px){.hero-text{font-size:2.5rem}}@media (max-width: 480px){.hero-text{font-size:2rem}}