@charset "utf-8";

body::before {
	content: "";
	position: fixed;
	inset: 0;
	background: rgba( 0, 0, 0, 0.45 );
	z-index: -1;
}

h3 {
	font-family: var( --font-medium );
	font-size: 18px;
}

.content-container.pp {
	max-width: 800px;
}

.pp-title {
	font-family: var( --font-bold );
	border-bottom: 1px solid var( --border-grey );
	padding-bottom: 10px;
}

.pp-question {
	margin-top: 20px;
}

.pp-question.top {
	margin-top: 0px;
}

.section-text {
	font-size: 14px;
}

@media only screen and ( min-width: 1200px ) { /* desktop: do things when size greater 1200px */
	
}

@media only screen and ( max-width: 1200px ) { /* mobile: do things when size is 1200px or less */

}