.ws-box {
	display: flex;
	flex-wrap: wrap;
	font-size: 0.9em;

	--color-prevention: #FF8D00;
	--color-testing: #08BDBA;
	--color-treatment: #8A3FFC;
	--color-integration: #356CFF;
	}

.ws-box .ws {
	width: 25%;
	padding: 20px;
	color: #fff;
	position: relative;
	box-sizing: border-box;
	}

@media all and ( max-width: 767px ) {
	.ws-box .ws {
		width: 50%;
		}
	}

@media all and ( max-width: 539px ) {
	.ws-box .ws {
		width: 100%;
		padding: 20px;
		}
	}

.ws-box .ws.ws-what  { background: var(--color-prevention); }
.ws-box .ws.ws-when  { background: var(--color-testing); }
.ws-box .ws.ws-where { background: var(--color-treatment); }
.ws-box .ws.ws-who   { background: var(--color-integration); }

.ws-box .fa-solid {
	position: absolute;
	top: 30px; left: 20px;
	}

.ws-box h4 {
	padding-left: 30px;
	margin-top: 0;
	}

.ws-box p {
	line-height: 1.4;
	}