.page-template-template-page-about{& .grid{display:grid;&.onecolumn{background-image:url(../../assets/images/sof_about-swim.jpg);background-position:50%;background-size:cover;height:30em;display:grid;& .text-column{text-align:center;grid-area:text;display:contents;& h1{color:#fff;align-content:center;align-items:center}}}&.twocolumn{grid-template-columns:1fr;@media screen and (width>=37.5em){&{grid-template-columns:1fr 1fr}}& .image-column{grid-area:image;& img{object-fit:cover;object-position:center;width:100%;height:auto}}& .text-column{grid-area:text;display:contents;& p{align-content:center;align-items:center;@media screen and (width<=37.5em){&{text-align:center}}@media screen and (width>=37.5em){&{padding:1em}}}}&.rowthree{@media screen and (width<=37.5em){&{grid-template-areas:"image""text"}}@media screen and (width>=37.5em){&{grid-template-areas:"image text"}}}&.rowtwo{@media screen and (width<=37.5em){&{grid-template-areas:"image""text"}}@media screen and (width>=37.5em){&{grid-template-areas:"text image"}}}&.rowone{@media screen and (width<=37.5em){&{grid-template-areas:"image""text"}}@media screen and (width>=37.5em){&{grid-template-areas:"image text"}}}}}}