div.multimedia {grid-gap:5px 5px;grid-template-columns:repeat(auto-fit, minmax(123px, 1fr));display:grid;text-align:center;margin:10px 0 0 0;} div.multimedia span {background-image:url("/img/multimedia/videos.jpg");float:left;height:69px;width:123px;padding:0;margin:3px 0 8px 4px;transition:0.3s;} div.multimedia span:hover {box-shadow:0 0 10px 5px rgba(70, 130, 180, 0.5);-webkit-filter:brightness(0.66);filter:brightness(0.66);} span.spanYT1 { background-position:0 0 ;} span.spanYT2 { background-position:0 -69px;} span.spanYT3 { background-position:0 -138px;} span.spanYT4 { background-position:0 -207px;} span.spanYT5 { background-position:0 -276px;} span.spanYT6 { background-position:0 -345px;} span.spanYT7 { background-position:0 -414px;} span.spanYT8 { background-position:0 -483px;} span.spanYT9 { background-position:0 -552px;} span.spanYT10 { background-position:0 -621px;} span.spanYT11 { background-position:0 -690px;} span.spanYT12 { background-position:0 -759px;} span.spanYT13 { background-position:0 -828px;} span.spanYT14 { background-position:0 -897px;} span.spanYT15 { background-position:0 -966px;} span.spanYT16 { background-position:0 -1035px;} span.spanYT17 { background-position:0 -1104px;} span.spanYT18 { background-position:0 -1173px;} span.spanYT19 { background-position:0 -1242px;} span.spanYT20 { background-position:0 -1311px;}