#header,.slider{width:100%;background-color:#000}#header{height:5rem;position:relative;overflow:hidden}#header-text{color:#fff;font-size:1.4rem;position:absolute;top:0;left:0;white-space:nowrap}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem}.gallery-image{max-width:100%;cursor:pointer}.slider{display:none;position:fixed;top:0;left:0;height:100%;justify-content:center;align-items:center}.slider-image{max-width:100%;max-height:100%}.slider-close{position:absolute;top:2rem;right:3rem;background-color:#f40bc2;border-radius:50%;transform:translate(50%,-50%) scale(1);transition:transform .3s ease-in-out;font-size:1.2rem;cursor:pointer}.slider-close:hover{transform:translate(50%,-50%) scale(1.2)}.slider-close:active{transition:none;transform:translate(50%,-50%) scale(.8);background-color:red;box-shadow:inset 0 0 10px rgba(255,255,255,.5)}@media (max-width:1024px){.gallery{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.gallery{grid-template-columns:1fr}}@media screen and (min-width:768px){.marquee{animation-duration:5s}}