body{background:linear-gradient(#fff 300px,#90ded8 100%)}main{display:grid;grid-template-rows:auto 300px auto;grid-template-columns:100%}.content{padding:1rem;display:flex;flex-direction:column;gap:6rem;align-items:center;grid-column:1;grid-row:3}h1{font-size:2rem;color:#fff;z-index:1;text-shadow:2px 2px 4px rgba(0,0,0,0.4)}h2{font-size:1.4rem;font-weight:300;color:#fff;border-top:2px solid #18baad;padding-top:.5rem;margin-top:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,0.4)}.banner{grid-column:1;grid-row:2;background-color:#000;position:relative}.banner:after{content:'';background-color:#000;width:100%;height:100px;z-index:1;display:block;position:absolute;bottom:0;background:linear-gradient(0deg,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);border-bottom:1px solid #ccc}.banner>div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;width:100%;max-width:1400px;padding:1rem}.banner>div img{height:120px;width:auto;position:absolute;right:auto;bottom:60px;left:auto}.banner .banner-img{object-fit:cover;object-position:center;height:100%;width:100%;opacity:0.8}.rowf{width:100%;max-width:1400px;position:relative}.hero{background-color:#fff;margin-top:-30px;z-index:1;padding:1rem;border-radius:.3rem;display:flex;flex-direction:column;gap:4rem;background-image:linear-gradient(rgba(204,204,204,.2) 1px,transparent 1px),linear-gradient(to right,rgba(204,204,204,.2) 1px,rgba(255,255,255,0) 1px);background-size:10px 10px}.search-hb{display:none!important}.hero img{height:auto;width:100%}.hero>div:first-child{order:1}.hero h3{font-size:1.6rem}.hero p{font-size:1.2rem;line-height:1.6rem}@media (min-width:1024px){main{grid-template-columns:1fr minmax(900px,1400px) 1fr;grid-template-rows:450px auto auto}h1{font-size:3.2rem}.content{padding:0;grid-column:1/4}.banner{grid-column:1/4;grid-row:1}.banner>div{width:max-content;padding:0}h2{font-size:2rem}.banner>div img{height:200px;right:0;bottom:0}.hero{flex-direction:row;padding:2rem}.hero h3{font-size:2.6rem}.hero p{font-size:1.4rem;line-height:2rem}.hero img{height:300px;width:auto}.hero>div:first-child{order:0}}