#environments{display:grid;grid-template-columns:100%;grid-auto-rows:1fr;margin:50px 0 100px 0}#environments::before{content:'';width:0;padding-bottom:100%;grid-row:1/1;grid-column:1/1}#environments>:first-child{grid-row:1/1;grid-column:1/1}#environments>div{padding:15px}#environments>div>a{display:block;width:100%;height:100%;position:relative}#environments>div>a>img{width:100%;height:auto}#environments>div>a>div{position:absolute;left:0;right:0;bottom:0;padding:15px;background:rgba(255,255,255,.68)}#environments>div>a>div>h2{color:#545454;font-family:Poppins,Helvetica,Arial,sans-serif;font-size:32px;margin:0;text-align:center;text-shadow:#fff 0 1px 5px}#environments>div#title{display:flex;align-items:center}#environments>div#title>h1{text-align:center;margin:0;font-size:42px}@media (min-width:768px){#environments{grid-template-columns:50% 50%}#environments>div>a>div{display:flex;align-items:center;justify-content:center;min-height:110px}#environments>div>a>div>h2{font-size:32px}}@media (min-width:992px){#environments{grid-template-columns:repeat(3,33.333333%)}#environments>div>a>div{min-height:100px}#environments>div>a>div>h2{font-size:28px}#environments>div#title>h1{font-size:36px}}@media (min-width:1200px){#environments{grid-template-columns:repeat(4,25%)}#environments>div>a>div{min-height:116px}#environments>div>a>div>h2{font-size:26px}#environments>div#title>h1{font-size:32px}}@media (hover:hover) and (pointer:fine){#environments>div>a{overflow:hidden}#environments>div>a>img{transform-origin:center center;transition:transform 1s ease-in-out}#environments>div>a:hover>img{transform:scale(104%,104%)}}