.portfolio-hero{position:relative;width:100%;height:400px;background-image:url(/assets/portfolio_hero.jpg);background-size:cover;background-position:50%;background-attachment:fixed;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.portfolio-hero{background-attachment:scroll;height:300px}}.portfolio-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center}.portfolio-hero-content{text-align:center;z-index:1;padding:0 2rem;max-width:800px}.portfolio-hero-title{font-size:4rem;font-weight:700;color:#ff8c00;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}@media(max-width:768px){.portfolio-hero-title{font-size:2.5rem}}.portfolio-hero-subtitle{font-size:1.4rem;color:#fff;line-height:1.6;text-shadow:1px 1px 2px rgba(0,0,0,.7)}@media(max-width:768px){.portfolio-hero-subtitle{font-size:1.1rem}}