div.video{display:inline-block;position:relative;width:23%;max-width:320px;margin-right:7px;margin-bottom:10px;opacity:0;transition:opacity 0.5s ease-in}div.video img{display:block;max-width:320px;max-height:180px;width:100%}.video-thumbnail{position:relative;background-size:cover;background-repeat:no-repeat;padding-top:56%}.video-has-watched{position:absolute;color:#fff;background:rgba(0,0,0,0.75);border-radius:3px;padding:2px 5px;text-shadow:none;left:5px;top:5px;font-weight:200;font-size:12px}.video-duration{position:absolute;color:#fff;background:rgba(0,0,0,0.5);border-radius:3px;padding:2px 5px;text-shadow:none;right:5px;bottom:5px;font-weight:200;font-size:12px}div.video-details{background-color:black;color:white;font-family:'Open Sans Light', sans-serif;line-height:1.1em;padding:10px;text-transform:none}div.video-details .parent-title{font-size:medium;font-weight:bold}div.video-details .parent-title a div.video-details .parent-title a:hover,div.video-details .parent-title a:visited,div.video-details .parent-title a:link,div.video-details .parent-title a:active{text-decoration:none;color:white}div.video-details .parent-title a:hover{text-decoration:underline}div.video-details .parent-title{font-size:medium;font-weight:bold}div.video-details .video-info{font-size:small}div.video-details .video-title{font-size:small}div#videos-menubar{line-height:1.1em;margin-top:20px;margin-bottom:20px;text-transform:none}@media screen and (max-width: 1050px){div.video{width:32%}}@media screen and (max-width: 750px){div.video{width:48%}}@media screen and (max-width: 450px){div.video{display:block;margin-left:auto;margin-right:auto;width:100%}}