h1,
h2 {
	color: #1ca568;
	text-align: center;
}
h1 {font-size: 2.2vw;}
h2 {font-size: 1.75vw;}
#content-pddg {font-size: 1.1vw;}

.event {margin: 6vw auto;}

.slider {
	align-items: center;
	display: flex;
	justify-content: center;
	margin: 2vw auto;
}
.slider-bttn {
	background-color: #000;
	border-radius: .8vw;
	color: #fff;
	cursor: pointer;
	font-size: 3.5vw;
	margin: auto 3vw;
	opacity: .85;
	padding: .6vw;
}
.slider-img {
	height: 40vw;
	max-width: 100%;
}

.event-imgs-pddg {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.event-img {
	cursor: pointer;
	margin: 2vw;
	max-height: 15.75vw;
	max-width: 21vw;
	opacity: .6;
	/*width: 21vw;*/
}


@media screen and (max-width: 825px) and (orientation: portrait) {
	h1 {font-size: 5vw;}
	h2 {font-size: 4.2vw;}
	#content-pddg {font-size: 2.4vw;}

	.event {margin: 10vw auto;}
}

@media screen and (any-hover: hover) and (orientation: landscape) {
	@-webkit-keyframes event-img-animation {
  		to {opacity: 1;}
	}
	@keyframes event-img-animation {
  		to {opacity: 1;}
	}
	.event-img:hover {
		-webkit-animation: event-img-animation .5s forwards;
		animation: event-img-animation .5s forwards;
	}
}