.csscarrousel{text-align:center;padding:2em 0;height:auto;max-width:inherit;margin:auto;position:relative;overflow:hidden}.csscarrousel .slides{width:400%;left:0;padding-left:0;padding-top:1em;overflow:hidden;list-style:none;position:relative;transition:transform .5s}.csscarrousel .slides li{width:25%;position:relative;float:left;border:1px dashed #d3d3d3;border-radius:5px}.csscarrousel li p{margin-top:0}.csscarrousel li q{max-width:90%;margin:auto;color:#666;font-size:1.3em;font-weight:700}.csscarrousel li span.author{margin-top:.5em;font-size:1.2em;color:#777;display:block}.csscarrousel .slidesNavigation{display:block;list-style:none;text-align:center;bottom:1em;position:absolute;width:104px;left:50%;margin-left:-52px}.csscarrousel input{display:none}.csscarrousel .slidesNavigation label{float:left;margin:6px;display:block;height:10px;width:10px;border-radius:50%;border:2px solid #2980b9;font-size:0}#radio-1:checked~.slides{transform:translateX(0)}#radio-2:checked~.slides{transform:translateX(-25%)}#radio-3:checked~.slides{transform:translateX(-50%)}#radio-4:checked~.slides{transform:translateX(-75%)}.csscarrousel .slidesNavigation label:hover{cursor:pointer}.csscarrousel #radio-1:checked~.slidesNavigation label#dotForRadio-1,.csscarrousel #radio-2:checked~.slidesNavigation label#dotForRadio-2,.csscarrousel #radio-3:checked~.slidesNavigation label#dotForRadio-3,.csscarrousel #radio-4:checked~.slidesNavigation label#dotForRadio-4{background:#2980b9}@media (max-width:796px){.csscarrousel{height:auto}}@media (max-width:480px){.csscarrousel li p{padding-left:.5em;padding-right:.5em}.csscarrousel li q{font-size:1em}}