.grid{display:grid;&.onecolumn{background-image:url(../../assets/images/sponsor-swim.jpg);background-position:50%;background-size:cover;grid-template-areas:"text";height:30em;display:grid;& .text-column{text-align:center;background-color:#00000059;flex-direction:column;grid-area:text;justify-content:center;align-items:center;display:flex;& h1{color:#fff;@media screen and (width>=37.5em){&{font-size:2em}}@media screen and (width<=48em){&{font-size:3em}}@media screen and (width<=37.5em){&{font-size:10vw}}}}}& h2{background-color:var(--sof-dark-blue);text-align:center;color:#fff;margin:2em auto;padding:.4em .5em;font-size:1.4em}& .item{text-align:center;background-color:#f0f0f0;border:1px solid #ccc;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;overflow:hidden}& .item img{height:auto;display:block}& .grid-container{gap:1rem;margin-bottom:2rem;display:grid}& .grid-container-1,& .grid-container-2,& .grid-container-3{grid-template-columns:1fr}& .grid-container-4{grid-template-columns:repeat(2,1fr)}& .grid-container-5{grid-template-columns:repeat(3,1fr)}@media (width>=768px){& .grid-container-2{grid-template-columns:repeat(2,1fr)}& .grid-container-3{grid-template-columns:repeat(3,1fr)}& .grid-container-4{grid-template-columns:repeat(4,1fr)}& .grid-container-5{grid-template-columns:repeat(5,1fr)}}& .titlesponsor img{width:100%;max-width:500px!important}& .titlesponsor img{width:100%;max-width:500px!important;@media screen and (width>=37.5em){&{max-width:500px!important}}@media screen and (width<=37.5em){&{min-width:100%;max-width:100%}}}& .presenting-sponsor img{width:100%;@media screen and (width>=37.5em){&{min-width:400px;max-width:450px}}@media screen and (width<=37.5em){&{min-width:100%;max-width:100%}}}& .honor-valor-sponsor img{width:100%;@media screen and (width>=37.5em){&{min-width:400px;max-width:450px}}@media screen and (width<=37.5em){&{min-width:100%;max-width:100%}}}& .patriot-sponsor img{width:100%;@media screen and (width>=37.5em){&{min-width:400px;max-width:450px}}@media screen and (width<=37.5em){&{min-width:100%;max-width:100%}}}& .liberty-sponsor .item{justify-content:center;align-items:center;padding:1rem;display:flex;overflow:hidden}& .liberty-sponsor img{object-fit:contain;max-width:100%;height:auto;max-height:120px;display:block;@media screen and (width<=37.5em){&{min-width:100%;max-width:100%}}}}