.x200 {
	color:white;
	background: url(/img/pages/classes/types-of-mediums/x200.jpg) 0 0 no-repeat;
	background-size: cover;
	height:100px;
	width:100%;
	border-radius: 15px;
	user-select: none;
	margin:60px auto 40px !important;
}

.mobile .x200 {
	width:96%;
	border-radius: 5px;
}

.x200 p {
	line-height:100px;
	font-family: 'Source Serif Pro', serif;
	font-style: italic;
	font-size: 2.35em;
	letter-spacing: 0.5px;
	text-align: center;
	text-shadow: 3px 3px 3px rgba(0,0,0,.8);
	margin: 0;
}

.mobile .x200 p { font-size: 1.75em; }

#twelve ol li {
	font-weight: bold;
}

.numbers ol { margin-block: 20px; }
.numbers ol { margin-left:20px; }
.numbers ol li { margin-bottom: 14px; padding-left: 10px; font-weight: normal; }
.numbers ol li::marker {
	color: #b4381c;
	font-weight: bold;
	background-color: red;
}

.number {
	background: #bd3e2a;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-inline: auto;
	font-weight: bold;
	font-size: 18px;
	color: white;
	text-shadow: 1px 1px 1px black;
	border: 2px solid black;
	margin-block: 20px;
}
.cons {
	color: #bd3e2a;
	font-weight: bold;
	text-decoration: underline;
}
.pros {
	color: green;
	font-weight: bold;
	text-decoration: underline;
}
.types ul { margin-left:20px; }
.types ul li::marker {
	color: #b4381c;
	font-weight: bold;
	background-color: red;
}
.types h3 { 
	text-align:center;  
	font-weight:bold; 
	text-decoration: underline;
	font-size: 20px;
	margin-bottom: 30px;
}

.types ul.c li::marker { color: #b4381c; }
.types ul.p li::marker { color: green; }