.highlight-block {
  margin: 75px 0;
}

.highlight-area {
	width: 100%;
	padding: 50px 0;
	text-align: center;
	color: var(--footertext);
	background-color: var(--darkred);
	background-image: url('peura-trans-roadmap.svg'), radial-gradient(circle, var(--lightred) 0%, var(--darkred) 75%, var(--darkred) 100%);
	background-repeat: repeat, no-repeat;
	background-size: 750px 750px, cover;
	--link: rgb(255, 255, 255);
	--linkvisited: rgb(255, 255, 255);
	--linkhover: rgb(255, 255, 255);
	--linkfocus: rgb(255, 255, 255);
}

.highlight-area p {
	line-height: 1;
	font-size: 50px;
	font-weight: 300;
	margin: 0.1em 0;
	font-family: var(--secondaryfont);
}

.highlight-area a {
	text-decoration: none;
}

.highlight-area a:hover {
	text-decoration: underline;
}

/*Editor only*/


/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Responsive 1450px - 1025px
--------------------------------------------------------------*/
@media screen and (max-width: 1450px) and (min-width: 1025px) {

	.highlight-block {
	  margin: 50px 0;
	}

	.highlight-area {
		padding: 35px 0;
		background-size: 650px 650px, cover;
	}

	.highlight-area p {
		font-size: 40px;
	}

}

/*--------------------------------------------------------------
## Responsive 1024px - 641px
--------------------------------------------------------------*/
@media screen and (max-width: 1024px) and (min-width: 641px) {

  .highlight-block {
	  margin: 35px 0;
	}

	.highlight-area {
		padding: 25px 0;
		background-size: 550px 550px, cover;
	}

	.highlight-area p {
		font-size: 34px;
	}

}

/*--------------------------------------------------------------
## Responsive 640px - 300px
--------------------------------------------------------------*/
@media screen and (max-width: 640px) and (min-width: 300px) {

	.highlight-block {
	  margin: 25px 0;
	}

	.highlight-area {
		padding: 25px 0;
		background-size: 450px 450px, cover;
	}

	.highlight-area p {
		font-size: 26px;
	}

}