.oc-gallery{display:flex;flex-wrap:wrap;margin-top:30px;margin-left:-15px;margin-right:-15px}.oc-gallery.center{justify-content:center}.oc-gallery .resource{flex-basis:100%;padding:0 15px;margin-bottom:15px}@media (min-width: 768px){.oc-gallery .resource{flex-basis:33.3333%;margin-bottom:30px}}@media (min-width: 1200px){.oc-gallery .resource{flex-basis:25%}}.oc-gallery .resource a{display:inline-block;position:relative;max-height:208.13px;overflow:hidden}@media (min-width: 768px){.oc-gallery .resource a{max-height:199.13px}}@media (min-width: 1200px){.oc-gallery .resource a{max-height:147.66px}}.oc-gallery .resource a:before{content:'';font-family:"fontawesome";color:white;font-size:25px;text-shadow:0 0 3px rgba(0,0,0,0.75);position:absolute;top:0;left:0;z-index:10;background:transparent;width:64px;height:64px;align-items:center;justify-content:center;display:flex}.oc-gallery .resource a:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.oc-gallery .resource a:hover:before{color:#d40f7d;background:white;text-shadow:none;text-decoration:none}.oc-gallery .resource a:hover:after{background:rgba(212,15,125,0.5)}.oc-gallery .resource a.image{border:1px solid #e6e6e6}.oc-gallery .resource a.image:before{content:'\f0b2'}.oc-gallery .resource a.video{border:1px solid #e6e6e6}.oc-gallery .resource a.video:before{content:'\f03d'}@media (max-width: 1200px){.oc-gallery .resource a.video.ytimg{height:126px}}@media (max-width: 768px){.oc-gallery .resource a.video.ytimg{height:202px}}.oc-gallery .resource a img{width:100%}.oc-gallery .resource a img.ytimg{position:relative;top:-27px}@media (max-width: 1200px){.oc-gallery .resource a img.ytimg{top:-22px}}@media (max-width: 768px){.oc-gallery .resource a img.ytimg{position:relative;top:-38px}}.oc-gallery .resource p{margin:0;font-size:18px;color:#636769}.oc-gallery.list .resource{flex-basis:100%;margin-bottom:15px}.oc-gallery.list .resource:last-child{margin-bottom:0}.oc-gallery.gallery .resource{flex-basis:50%}.oc-gallery.gallery .resource a:before{font-size:18px;width:40px;height:40px}@media (min-width: 768px){.oc-gallery.gallery .resource{flex-basis:33.3333%}}@media (min-width: 1200px){.oc-gallery.gallery .resource{flex-basis:16.6%}.oc-gallery.gallery .resource a:before{font-size:18px;width:40px;height:40px}}@media (min-width: 768px){.oc-image-modal{max-width:600px}}@media (min-width: 1200px){.oc-image-modal{max-width:900px;width:auto !important}}.oc-image-modal img{width:100%}