BODY
{
	margin: 0px;
	font-family: sans-serif;
	background-color: #FFFFFF;
}
HTML
{
	scroll-behavior: smooth;
}
#ytWrap
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 45px 35px;
	margin: 35px;
}
#ytWrap DIV.ytVidWrap
{
	text-align: center;
}
#ytWrap DIV.ytVidWrap IMG
{
	height: auto;
	opacity: 0.93;
	transition: all 0.2s ease;
	margin: 0;
	vertical-align: top;
	width: calc(100% - 12px);
	padding: 5px;
	border: 1px solid #BBBBBB;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	-khtml-border-radius: 1px;
	border-radius: 1px;
}
#ytWrap DIV.ytVidWrap:hover IMG
{
	opacity: 1;
}
#ytWrap DIV.ytVidWrap A
{
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
#ytWrap DIV.ytVidWrap A P
{
	padding: 0 7px;
	margin: 10px 0 0;
}
@media only screen and (min-width: 320px) and (max-width: 939px)
{
	#ytWrap
	{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 45px 35px;
		margin: 35px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 699px)
{
	#ytWrap
	{
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 45px 35px;
		margin: 35px;
	}
}