h3{font-size:1.75rem;font-weight:600;line-height:1.2;margin:0 0 1rem}.hero-generic{container-name:herogeneric;container-type:inline-size}.hero-generic .hero-imageholder{position:relative;width:100%;display:block;background-size:cover;background-position:50%;min-height:400px}@container herogeneric (max-width: 768px){.hero-generic .hero-imageholder{min-height:400px}}.hero-logo{width:100%;display:block;position:relative;background-size:cover;background-position:50%;min-height:400px}.hero-logo .tag{color:#fff;text-transform:uppercase}.hero-logo .hero-logo-image{position:absolute;top:36px;left:36px;width:200px}.hero-logo .hero-logo-image svg{width:100%;height:auto;fill:#fff}.hero-half{container-type:inline-size;container-name:herohalf;margin:48px auto;position:relative;width:100%;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.hero-half.left{flex-direction:row-reverse}.hero-half.right{flex-direction:row}.hero-half .hero-image{flex:1 1 50%;width:100%;max-width:50%;background-size:cover;background-position:50%;background-color:#f8f9fa;min-height:300px;height:100%}.hero-half .hero-content{flex:1 1 50%;width:100%;max-width:50%;padding:24px}.hero-half .hero-content .heading{font-size:2.5rem;font-weight:800;line-height:1.2;margin:0 0 1rem}@container herohalf (max-width: 768px){.hero-half{flex-direction:column}.hero-half .hero-image{min-height:400px}.hero-half .hero-content,.hero-half .hero-image{flex:1 1 100%;max-width:100%}}.home-page{padding:32px 0;margin:0 auto}h1{margin:32px 0}h2{font-size:28px;font-weight:800}p{font-size:18px;font-weight:400}