*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Open Sans,sans-serif;height:100%;width:100%;overflow-x:hidden;line-height:1.7}.slider-container{height:100vh;display:inline-flex;overflow:hidden;transform:translate(0);transition:transform .3s ease-out}.slide{max-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slide img{max-width:100%;max-height:60%;transition:transform .3s ease-in-out}.slide h2{font-size:2.5rem;margin-bottom:.5rem}.slide h4{font-size:1.3rem}.btn{background-color:#444;color:#fff;text-decoration:none;padding:1rem 1.5rem}.grabbing{cursor:grabbing}.grabbing .slide img{transform:scale(.9)}.shelf{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0px 20px;width:80%;margin:2% auto;padding:20px 20px 0;background-color:#ffab5d;box-shadow:0 0 10px #0000004d}.item{width:100%;height:100%;background-color:#fff;border-radius:5px;box-shadow:0 0 5px #0000004d;display:flex;justify-content:center;align-items:center;overflow:hidden}.item img{max-width:100%;max-height:100%}.platform{grid-column:1 / -1;height:10px;background-color:#d4af37;border-radius:10px;margin-bottom:20px}@media (min-width: 768px){.shelf{width:60%}}