.pdr-title {
	background: var(--prodog-yellow);
	color: var(--prodog-black);
	padding: 20px 25px;
	text-align: center;
	text-transform: uppercase;
}

.pdr-title p {
	color: var(--color-white);
	font-size: 20px;
	font-weight: var(--font-weight-h1);
	font-family: var(--heading-font-family);
	line-height: 1.2;
	margin-bottom: 0;
}

.pdr-title p span {
	color: var(--prodog-black);
	font-weight: var(--font-weight-h3);
}

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

	.pdr-title p span {
		display: block;
	}

}

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

	.pdr-title p {
		font-size: 18px;
	}

}