.docs {
	min-height: 100vh;
	font-family: RobotoLight;
	font-size: calc((100vw - 768px) * 5 / 1032 + 10px); /* 15 -> 10 @1800 -> 768*/
	line-height: calc((100vw - 768px) * 9 / 1032 + 16px); /* 25 -> 16 @1800 -> 768*/
	color: #595959;
	text-align: justify;
	background-color: #f7f7f7;
}
.docs-row {
	width: calc((100vw - 768px) * 660 / 1032 + 540px); /* 1200 -> 540 @1800 -> 768*/
	align-items: flex-start;
	padding-top: calc((100vw - 768px) * 126 / 1032 + 104px); /* 230 -> 104 @1800 -> 768*/

}
.docs .ps-title {
	text-align: left;
	margin-bottom: calc((100vw - 768px) * 4 / 1032 + 4px); /* 8 -> 4 @1800 -> 768*/
}
.docs-date{
	margin-top: calc((100vw - 768px) * 8 / 1032 + 7px); /* 15 -> 8 @1800 -> 768*/
	margin-bottom: calc((100vw - 768px) * 14 / 1032 + 11px); /* 25 -> 11 @1800 -> 768*/
}
.docs-subhead {
	font-family: RobotoCondRegular;
	color: #191919;
	margin-top: calc((100vw - 768px) * 8 / 1032 + 7px); /* 15 -> 8 @1800 -> 768*/
	margin-bottom: calc((100vw - 768px) * 8 / 1032 + 7px); /* 15 -> 8 @1800 -> 768*/
}
.docs-subhead2 {
	font-family: RobotoCondRegular;
	text-decoration: underline;
}
.docs p {
	row-gap: calc((100vw - 768px) * 14 / 1032 + 9px); /* 25 -> 11 @1800 -> 768*/
}

.docs ul, .docs ol {
	margin-bottom: calc((100vw - 768px) * 22 / 1032 + 18px); /* 40 -> 18 @1800 -> 768*/
}
.docs li{
	margin-bottom: calc((100vw - 768px) * 14 / 1032 + 9px); /* 25 -> 11 @1800 -> 768*/
}

/* list '-' */
ul.hyphen {
	list-style-type: '-  ';
}

/*###### RESPONSIVE ######*/

@media only screen and (max-width: 768px) {
	.docs {
		font-size: calc((100vw - 425px) * 1 / 343 + 9px); /* 10 -> 9 @768 -> 425*/
		line-height: calc((100vw - 425px) * 3 / 343 + 15px); /* 18 -> 15 @768 -> 425*/
	}
	.docs-row {
		width: 85%;
		padding-top: calc((100vw - 425px) * 28 / 343 + 110px); /* 138 -> 110 @768 -> 425*/
	}
	.docs-title {
		margin-bottom: calc((100vw - 425px) * 2 / 343 + 3); /* 2 -> 3 @768 -> 425*/
		text-align: left;
	}
	.docs-date {
		margin-bottom: calc((100vw - 425px) * 6 / 343 + 24px); /* 30 -> 24 @768 -> 425*/
	}
	.docs-focus {
		font-size: calc((100vw - 425px) * 2 / 343 + 9px); /* 11 -> 9 @768 -> 425*/
		padding: calc((100vw - 425px) * 1 / 343 + 4px) calc((100vw - 425px) * 4 / 343 + 14px); /* 5->4 18->14 @768 -> 425*/
	}
	.docs-subhead {
		margin-top: calc((100vw - 425px) * 4 / 343 + 21px); /* 21 -> 17 @768 -> 425*/
		margin-bottom: calc((100vw - 425px) * 2 / 343 + 10px); /* 12 -> 10 @768 -> 425*/
	}
	.docs p {
		row-gap: calc((100vw - 425px) * 3 / 343 + 12px); /* 15 -> 12 @768 -> 425*/
	}
	.docs ul, .docs ol {
		margin-bottom: calc((100vw - 425px) * 5 / 343 + 19px); /* 24 -> 19 @768 -> 425*/
	}
	.docs li{
		margin-bottom: calc((100vw - 425px) * 3 / 343 + 12px); /* 15 -> 12 @768 -> 425*/
	}
}