.hero-banner{align-items:center;display:flex;justify-content:space-between;margin:auto;padding:6rem 0}.hero-banner-wrapper{background-color:#f8f8f8}.hero-banner-container{margin:auto}.hero-content{flex:1;margin-right:20px}.hero-content h1{color:#333;font-size:3rem}.hero-image{flex:1;max-width:600px}.hero-image img{border-radius:8px;height:auto;margin-left:2rem;width:100%}@media (max-width:768px){.hero-banner{align-items:center;flex-direction:column;padding:20px;text-align:center}.hero-content{margin-bottom:20px;margin-right:0;margin-top:20px}.hero-content h1{font-size:2rem}.hero-image{margin-left:0;max-width:100%}}