.products{height:100%;justify-content:center;font-size:13px;position:relative;align-items:center;width:100%;display:flex}@supports (display:grid){.products{display:block}}.message{padding:2em;font-size:1.7vw;border:1px solid #d2d0d0;box-shadow:-2px 2px 10px 0 rgba(68,68,68,.4)}@supports (display:grid){.message{display:none}}.section{padding:0 2rem 2rem;display:none}@media screen and (min-width:768px){.section{padding:0 4rem 4rem}}@supports (display:grid){.section{display:block}}h1{font-size:2rem;margin:0 0 1.5em}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-flow:row dense;grid-auto-rows:150px;grid-gap:20px;display:grid}.item{grid-column-start:auto;justify-content:flex-end;color:#fff;transition:transform .3s ease-in-out;position:relative;flex-direction:column;grid-row-start:auto;box-sizing:border-box;background:#0c9a9a;background-size:cover;counter-increment:item-counter;box-shadow:-2px 2px 10px 0 rgba(68,68,68,.4);background-position:50%;cursor:pointer;display:flex}.item:hover{transform:scale(1.05)}.item:hover:after{opacity:0}.item--medium{grid-row-end:span 2}.item--large{grid-row-end:span 3}.item--full{grid-column-end:auto}@media screen and (min-width:768px){.item--full{grid-row-end:span 2;grid-column:1/-1}}@media screen and (max-width:768px){.section{padding:unset}}.item__details{padding:15px;color:#444;color:#828282;text-transform:uppercase;position:relative;letter-spacing:1px;background:#fff;z-index:1}.item__details:before{font-size:1.1rem;font-weight:700;color:#444;padding-right:.5em}