* {
	box-sizing: border-box;
}
.col-H1{
	width: 100%;
}
.col-H1 h1{
	text-align: center!important;
}
.events__Holder .row {
	display: flex;
	flex-flow: wrap;
	align-items: flex-start;
	align-content: center;
}

.myitem{
	width: 30.3%;
	height: auto;
	padding: 10px!important;
	margin-left: auto!important;
	margin-right: auto!important;
}
.myitem img{
	width: 100%!important;
	height: auto!important;
}
.myitem iframe {
	min-height: 222px
}

.myitem > a{
	width: 100%!important;
	text-align: center!important;
	margin-top: 10px!important;
}
@media only screen and (max-width: 576px){
	.myitem{
		width: 48.3%;
		height: auto;
		padding: 10px!important;
	}
	.myitem iframe  {
		min-height: inherit
	}
}

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

	.myitem {
		width: 100%;
	}

}