.page-template-template-page-swim{& .grid{display:grid;&.onecolumn{background-image:url(../../assets/images/swim-hero-sof.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;grid-template-areas:"image text"}}& .image-column{grid-area:image;& img{object-fit:cover;object-position:center;width:100%;height:auto}}& .text-column{grid-area:text;display:table;& .content-center{vertical-align:middle;text-align:center;display:table-cell}& p{align-content:center;align-items:center;@media screen and (width<=37.5em){&{text-align:center}}}}&.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"}}}}}& #postanchor button{color:#fff;font-family:var(--honorred);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;background-color:#b91c1c;border:none;border-radius:8px;padding:1.5em 2em;font-size:1.4rem;font-weight:700;transition:all .3s ease-in-out;box-shadow:0 4px 15px #0003}& #postanchor button:hover,& #postanchor button:focus{background-color:#d12727;outline:none;transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}& #postanchor button:active{transform:translateY(1px);box-shadow:0 2px 10px #0003}}