.patios-hero{background-image:url('images/patios.jpg');background-position:center}.patio-use{padding:100px 0;background:#1b1b1b}.patio-use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.patio-use-grid article{padding:34px 26px;background:#0c0c0c;border-bottom:3px solid var(--asg-yellow);min-height:270px}.patio-use-grid span{font-size:32px;color:#666;font-weight:900}.patio-use-grid h3{font-size:23px}.patio-use-grid p{color:#aaa}.patio-materials{padding:105px 0;background:#080808}.patio-material-photo{position:relative}.patio-material-photo img{width:100%;height:580px;object-fit:cover}.patio-material-photo div{position:absolute;left:0;right:0;bottom:0;background:#f4c400e8;color:#111;padding:18px;letter-spacing:1.5px;font-size:12px;font-weight:900}.patio-layout{padding:100px 0;background:#181818}.patio-layout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.patio-layout-grid article{padding:28px;background:#0b0b0b;border-left:3px solid var(--asg-yellow)}.patio-layout-grid b{font-size:22px}.patio-layout-grid p{color:#aaa}.patio-drainage{padding:95px 0;background:#080808}.patio-drainage aside{padding:38px;background:var(--asg-yellow);color:#111}.patio-drainage aside strong{font-size:24px}.patio-drainage aside ul{columns:2;padding-left:20px}.patio-drainage aside li{margin:11px 0}.patio-care{padding:90px 0;background:#1c1c1c}.patio-care .container{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.patio-care h2{font-size:44px;line-height:1.08;margin:12px 0}.patio-care p{color:#bbb}.patio-care-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.patio-care-list article{padding:22px;background:#0c0c0c;border-top:3px solid var(--asg-yellow)}.patio-care-list b,.patio-care-list span{display:block}.patio-care-list b{font-size:20px}.patio-care-list span{color:#aaa;margin-top:6px}
@media(max-width:900px){.patio-use-grid{grid-template-columns:1fr 1fr}.patio-care .container{grid-template-columns:1fr}}@media(max-width:600px){.patio-use,.patio-materials,.patio-layout,.patio-drainage,.patio-care{padding:65px 0}.patio-use-grid,.patio-layout-grid,.patio-care-list{grid-template-columns:1fr}.patio-use-grid article{min-height:auto}.patio-material-photo img{height:400px}.patio-drainage aside ul{columns:1}}