.portfolio-gallery-desktop{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	width:100%;
	padding:4px;
	margin:0px;
	width:100%;
	list-style:none;
}

/* columns */
.portfolio-gallery-desktop ol{
	list-style:none;
	margin:0px;
	padding:0px;
}

.portfolio-gallery-mobile{
	display:none;
	list-style:none;
	margin:0px;
	padding:0px;
}

.portfolio-gallery-desktop ol li{
	position:relative;
}

.portfolio-gallery-mobile ol li{
	position:relative;
}

/* thumbnail labels */
.portfolio-gallery-label{
	display:block;
	position:absolute;
	left:4px;
	bottom:4px;
	padding:4px;
	padding-left:8px;
	opacity:0;
	transition: opacity 0.3s;
	color:white;
}

.portfolio-gallery-desktop ol li:hover .portfolio-gallery-label{
	opacity:1;
}

@media only screen and (max-width:500px){
	.portfolio-gallery-desktop{
		display:none;
	}
	.portfolio-gallery-mobile{
		display:block;
	}
}



.portfolio-gallery-video{
	display:block;
	padding:4px;
	border-radius:8px;
}