h1 {color: #1ca679;}
h1,
h3 {text-align: center;}
h3 {font-size: 1.6vw;}

.chart-pddg {
	color: #215276;
	display: flex;
	font-size: 2vw;
	margin: auto 17vw;
	text-align: center;
}
.chart {
	font-size: 4vw;
	margin: auto 10.3vw;
	width: 10vw;
}

.box-link,
.box-link:active,
.box-link:visited {text-decoration: none;}
.boxes-pddg {
	align-items: center;
	display: flex;
}
.box {
	background-color: #1ca679;
	border-radius: 2vw;
	color: #fff;
	height: 18vw;
	margin: auto 6vw;
	padding: 1vw;
	width: 18vw;
}
.box-icon {
	height: 12vw;
	margin: auto 2.5vw;
}
.box-text {
	left: 1vw;
	opacity: 0;
	position: relative;
	top: -12vw;
}

@media screen and (max-width: 825px) {
	.chart-pddg {margin: auto 8vw;}
	.chart {
		font-size: 10vw;
		margin: auto 7vw;
		width: 8vw;
	}
	.chart-text{
		font-size: 2.6vw;
		margin: auto 5.5vw;
	}
}

@media screen and (max-width: 825px) and (orientation: portrait) {
	h3 {font-size: 6vw;}

	.boxes-pddg {flex-wrap: wrap;}
	.box {
		border-radius: 7vw;
		height: 60vw;
		margin: 6vw 2.5vw;
		width: 85vw;
	}
	.box-vertical-center{
		align-items: center;
		display: flex;
	}
	.box-icon {
		height: auto;
		margin-right: 6%;
		width: 30%;
	}
	.box-text {
		font-size: 4vw;
		left: 0;
		margin: auto 5% auto 0;
		opacity: 1;
		top: 0;
		width: 60%;
	}
}

@media screen and (max-width: 825px) and (orientation: landscape) {
	#content-pddg {font-size: 1.2vw;}
	h1 {font-size: 4.5vw;}
	h3 {font-size: 2vw}

	.box {
		height: 24vw;
		margin: auto 3vw;
		width: 24vw;
	}
	.box-icon {height: 17vw;}
	.box-text {
		font-size: 1.5vw;
		top: -17vw;
	}
}

@media screen and (any-hover: hover) and (orientation: landscape) {
	@-webkit-keyframes box-icon-animation {
  		to {opacity: 0;}
	}
	@keyframes box-icon-animation {
  		to {opacity: 0;}
	}
	.box-icon-animate {
		-webkit-animation: box-icon-animation .5s forwards;
		animation: box-icon-animation .5s forwards;
	}

	@-webkit-keyframes box-text-animation {
  		to {opacity: 1;}
	}
	@keyframes box-text-animation {
  		to {opacity: 1;}
	}
	.box-text-animate {
		-webkit-animation: box-text-animation 3.5s forwards;
		animation: box-text-animation 3.5s forwards;
	}
}