section.videoGrid{padding:2rem 0}section.videoGrid .container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}section.videoGrid .container h3{text-align:center;width:100%}section.videoGrid .container .video{margin:20px;width:calc(25% - 40px)}section.videoGrid .container .video .image{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;padding-top:56.25%;position:relative}section.videoGrid .container .video .image img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;position:absolute;top:0;width:100%}section.videoGrid .container .video .image svg.playButton{height:50px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50px}section.videoGrid .container .video .image svg.playButton path{fill:transparent;-webkit-transition:all .3s;transition:all .3s}section.videoGrid .container .video:hover .image svg.playButton path{fill:#ffb04d}@media (min-width:601px) and (max-width:1199px){section.videoGrid .container .video{width:calc(50% - 40px)}}@media (max-width:600px){section.videoGrid .container .video{width:calc(100% - 40px)}section.videoGrid .container .video .image svg.playButton path{fill:#ffb04d}}