section#videos .container {
	margin: 0 auto;
	padding: 0 64px;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	max-width: 1400px;
}

section#videos .container .videos-container {
    margin: 1rem -0.75rem 1rem;
    padding: 0;
    width: calc((100%) + 1.5rem);
    display: flex;
    flex-flow: row wrap;
    justify-content: stretch;
    align-items: flex-start;
}

#videos .container a { 
	margin: 1rem 0.75rem 0;
	padding: 0;
	display: flex; 
	flex-flow: column nowrap; 
	width: calc(((100%) / 3) - 1.5rem);
	justify-content: flex-start;
	align-items: flex-start;
	cursor: pointer !important;
	text-decoration: none !important;
}

#videos .container img.video {
	margin: 0 0 1rem 0;
	padding: 0;
	width: 100%;
}

#videos .container a p {
	margin: 0 0 2rem 0;
	padding: 0;
	font-size: clamp(1rem, 1.25vw, 1.25rem);
	color: #009DE0;
	text-decoration: none !important;
}
	#videos .container a:hover,
	#videos .container a:hover p {
		text-decoration: underline !important;
	}

@media screen and (max-width: 1000px) {

	section#videos .container {
		padding: 0 30px !important;
		max-width: 1000px;
	}
	
	section#videos .container .videos-container {
    	margin: 1rem -0.75rem 0rem;
    }

	#videos .container a { 
		margin: 0 0.75rem;
		padding: 0;
		display: flex; 
		flex-flow: column nowrap; 
		width: calc(((100%) / 2) - 1.5rem);
		justify-content: flex-start;
		align-items: flex-start;
	}

}

@media screen and (max-width: 500px) {

	section#videos .container {
		padding: 0 30px !important;
		max-width: 1000px;
	}

	section#videos .container .videos-container {
    	margin: 1rem -0.75rem 0rem;
    }

	#videos .container a { 
		margin: 0 0.75rem;
		padding: 0;
		display: flex; 
		flex-flow: column nowrap; 
		width: calc((100%) - 1.5rem);
		justify-content: flex-start;
		align-items: flex-start;
	}

}

/* video popup */
.popup_background {
  opacity: 0.7 !important;
}

.popup_content {
  padding: 10px;
  width: 100%;
  max-width: 1024px;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}