.novelty{flex:1;min-width:20rem;max-width:24rem} .noveltyImage{-webkit-clip-path:polygon(0 1.4rem,1.4rem 0,100% 0,100% 0,100% calc(100% - 1.4rem),calc(100% - 1.4rem) 100%,0 100%,0 100%);height:16rem;background-position:50% 50%;background-size:cover;background-color:rgba(0,0,0,0.05)} .noveltyText{height:8rem} #feedbacks{min-height:28rem;background:#ccc;background-position:0% 50%;background-size:cover} #feedbacks .feedback{width:20rem} #feedbacks .feedback .author{font-style:oblique;opacity:.7} #feedbacks .feedback .author a{opacity:1} #feedbacks *{color:#fff} footer{border-top:none} #sections{height:75vh;min-height:32rem;background:#00baff} .section{width:100%;height:75vh;min-height:32rem;background-position:50% 50%;background-size:cover} .section *:not(.button){text-shadow:0 0 1rem rgba(0,0,0,0.8)} .sectionTitle{font-size:6rem} @media (max-width:800px){.sectionTitle{font-size:4rem}}@media (max-width:480px){.sectionTitle{font-size:2.8rem}}.slider .prev, .slider .next{z-index:2500;width:6rem;height:100%;opacity:0;transition:all .25s ease-out;-webkit-transition:all .25s ease-out} .slider .prev svg>use, .slider .next svg>use{fill:none;stroke:#fff;stroke-width:.6rem;transition:all .25s ease-out;-webkit-transition:all .25s ease-out} .slider .prev:hover, .slider .next:hover{opacity:1} .slider .prev:hover svg>use, .slider .next:hover svg>use{stroke:rgb(var(--color));stroke-width:1rem} .slider .prev{left:-2rem} .slider .next{right:-2rem} .slider .next svg>use{transform:rotate(180deg)} .slider .dots{left:0px;bottom:1rem;width:100%;z-index:100;text-align:center;padding:.5rem} .slider .dot{display:inline-block;width:2rem;height:.6rem;margin:.2rem;background:#fff;-webkit-clip-path:polygon(0 .3rem,.3rem 0,100% 0,100% 0,100% calc(100% - .3rem),calc(100% - .3rem) 100%,0 100%,0 100%);box-shadow:0 0 1rem rgba(0,0,0,0.9);transition:all .25s ease-out;-webkit-transition:all .25s ease-out} .slider .dot.current, .slider .dot:hover{width:6rem;cursor:hand} .slider:hover .prev, .slider:hover .next{opacity:1} .slider:hover .prev{left:1rem} .slider:hover .next{right:1rem} @media (max-width:900px){.slider .prev, .slider .next{width:4rem} .slider .prev:hover svg>use, .slider .next:hover svg>use{stroke-width:.6rem} .slider:hover .prev, .slider:hover .next{opacity:1} .slider:hover .prev{left:2rem} .slider:hover .next{right:2rem}}.slider .slide{z-index:unset;opacity:0;transition:all .25s ease-out;-webkit-transition:all .25s ease-out} .slider .current.slide{z-index:1;opacity:1}