.hero-banner{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:40vh;padding:2rem;position:relative;text-align:center;width:100%}.hero-banner:before{background:rgba(0,0,0,.4);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero-content{color:#fff;margin:0 auto;position:relative}.hero-content h1{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem}.hero-content .hero-description{font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.hero-content .project-button{background-color:#00395e;border-radius:5px;color:#fff;display:inline-block;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:background-color .3s ease}.hero-content .project-button:hover{background-color:#1c77b2;color:#fff;text-decoration:none;transform:scale(1.02);transition:all .3s ease}.hero-content .project-button:focus{box-shadow:0 0 8px rgba(0,89,179,.5);color:#fff;text-decoration:none}@media (max-width:768px){.hero-banner{min-height:20vh}.hero-content h1{font-size:2.5rem}.hero-content .hero-description{font-size:1rem}}