#videoGallery
{
    display:grid;
    grid-template-columns: 1fr;
    row-gap:2rem;
}

#videoGallery .component
{
    margin:0;
    padding-bottom: 1.5rem;
}
#videoGallery #video-intro {
    grid-column:1/-1;
    margin-bottom:4rem;
}
#videoGallery #video-intro p:last-child {
    position:relative;
}
#videoGallery #video-intro p:last-child::after {
    content: "";
    display: block;
    width: 87px;
    height: 47px;
    position: absolute;
    left: 1rem;
    bottom: -3rem;
    transform: rotate(15deg);
	background-image: url('/__template/t1/images/doodle-illustrations/smiley.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}
.videoBlock-thumbnail::after {
    content: "\25B6 \FE0E";
    width: 80px;
    height: 80px;
    padding-left: 15px;
    position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    color: #fff;
    font-size: 70px;
    line-height: 140px;
    text-align: center;
    border-radius: 50%;
    box-shadow: inset 0 0 0 4px #fff;
    transition: .25s ease-out;
    font-size: 3rem;
    line-height: 5.5rem;
    opacity: .75;
}
#video-intro .thirsty-accent {
	 font-size: 3rem;
	 font-family: ThirstySoftExtraBold, var(--gfVars-headerFont);
	 line-height:1.2;
	 margin: 0 .25rem;
	 position: relative;
	 display:block;
}
 .thirsty-accent.navy {
	 color: var(--gfColors-navy);
}
 .thirsty-accent.slate {
	 color: var(--gfColors-slate100);
}

#videoGallery span.red-accent {
    color:#c4161c;
}




@media(min-width:768px) {
    #videoGallery
    {
        grid-template-columns:1fr 1fr;
    }
}

@media(min-width:1200px) {
    #videoGallery
    {
        grid-template-columns:1fr 1fr 1fr;
        max-width:1140px;
        margin-left:auto;
        margin-right:auto;
    }
}

@media(max-width:480px) {
    #video-intro .thirsty-accent {
    	 font-size: 2.4rem;
    }
}