body{background:#90ded8}main{display:grid;grid-template-rows:250px auto;grid-template-columns:100%}.hero{grid-column:1;grid-row:2;display:flex;flex-direction:column;padding:2rem;background:#18baad;color:#fff;font-size:1.4rem;margin:1rem;margin-top:-2rem;z-index:0;border-radius:.3rem;align-items:center;gap:2rem}.hero img{height:150px;width:auto}.hero a{margin-top:1rem}.cg1{grid-column:1;grid-row:3;background-color:#fff}.content{display:flex;flex-direction:column;gap:6rem;margin-top:0;padding:1rem}.content img{border-radius:.3rem;max-width:100%;width:max-content;height:max-content}.row1{display:flex;flex-direction:column;gap:2rem;font-size:1.2rem;line-height:1.76rem}.banner{grid-column:1;grid-row:1;background-color:#000;position:relative}.banner img{object-fit:cover;width:100%;height:100%;opacity:0.8}.banner h1{position:absolute;margin:auto;top:0;left:0;bottom:0;right:0;width:fit-content;height:fit-content;color:#fff;text-shadow:0px 0px 30px rgba(0,0,0,0.8);text-align:center;padding:1rem}@media (min-width:1024px){body{background:linear-gradient(#fff 300px,#90ded8 100%)}main{grid-template-columns:1fr minmax(900px,1400px) 1fr;grid-template-rows:250px 220px auto}.cg1{grid-column:2/3;grid-row:3;background-color:transparent}.content{padding:0;margin-top:6rem}.hero{grid-column:2/3;grid-row:2;margin:0;margin-top:-2rem;flex-direction:row}.banner{grid-column:1/4;grid-row:1;background-color:#000}.row1{flex-direction:row;gap:4rem}}