.latest {
	margin-top:					150px;
	width:						100%;
	max-width: 					450px;
	text-align:					left;
}

.latest h1 {
	margin:						0px;
}

.latest-divider {
	width:						100%;
	height:						2px;
	background-color:			var(--quaternary-color);
	border-radius:				10px;
}

.date-title-container {
	display:					flex;
	gap:						10px;
	margin-top:					10px;
	margin-bottom:				10px;
}

.divider-container {
	width:						2px;
	/*height:						20px;*/
	align-self: 				stretch;
	background-color:			var(--quaternary-color);
	border-radius:				10px;
}

.date-container {
	white-space: 				nowrap;
	align-self: 				center;
}

/* Demo box */
.demo-box {
	width:						200px;
	height:						200px;
	border-radius:				10px;
	overflow:					hidden;
	background-color:			var(--quaternary-color);
}

.demo-box {
	display:					block;
}

@media (max-width: 768px) {
	.latest {
		margin-top: 			100px;
	}
}