<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
.webp .mh { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("/uploaded/Image/mastheads/sm/go-pro.webp"); }
.no-webp .mh { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("/uploaded/Image/mastheads/sm/go-pro.jpeg"); }

@media (max-width: 450px) {
.webp .mh {background-image: linear-gradient(to bottom right,#000000cc, #00000042), url("/uploaded/Image/mastheads/mobile/450_go-pro.webp");}
.no-webp .mh {background-image: linear-gradient(to bottom right,#000000cc, #00000042), url("/uploaded/Image/mastheads/mobile/450_go-pro.jpeg");}
}



.HTCon {text-align: justify}

.VidCon  {min-height: 180px; max-height: 300px; width:22%; text-align: center; margin: 2% 4% 1% 0; float: left; background-color: #FFF;}
.VidCon:nth-child(4n) {margin-right: 0}
.VidCon img {width: 82%; margin-top: 9%; border: 1px solid #ccc;}
.VCTxt {padding-bottom: 3%; margin: 0; min-height: 25px;}
#regGrey .VidCon:hover a {font-family:'3dsweb'; color: #d6291c;}
#regGrey .ImgTxt {font-family: '3dsweblight';}

#regGrey h2 {margin: 2% 0 0; font-family: '3dsweblight'; padding: 2%; font-size: 1em; height: 30px; color: #d6291c}
#regGrey h2 a { color: #d6291c}
.Img {position: relative;}

.ImgTxt {position: absolute; top: 67%; left: 71%; color: rgb(255, 255, 255); background-color: #555555; padding: 0 2% 1%; text-align: center; }

@media (max-width: 1100px) {
.ImgTxt {position: absolute; top: 62%; left: 71%; padding: 0% 1% 1%;}
}

@media (max-width: 980px) {

}


@media (max-width: 880px) {
.VidCon  {min-height: 170px; max-height: 300px; width:32%; margin: 2% 2% 1% 0;}
.ImgTxt {position: absolute; top: 68%; left: 74%; padding: 0% 1% 1% 1%;}
.VidCon:nth-child(4n) {margin-right: 2%}
.VidCon:nth-child(3n) {margin-right: 0}
}

@media (max-width: 680px) {
.VidCon  {min-height: 170px; max-height: 300px; width:48%; margin: 2% 4% 2% 0;}
.VidCon:nth-child(3n) {margin-right: 4%}
.VidCon:nth-child(2n) {margin-right: 0}
}


@media (max-width: 555px) {
.VidCon  {margin: 3% 4% 3% 0;}
}

@media (max-width: 400px) {
.VidCon  { width:100%; margin: 5% 0;}
.VidCon:nth-child(3n) {margin-right: 0;}
}
</pre></body></html>