#description {}
#description > .content-wrapper { display: flex; }
@media (min-width: 900px) {
	#description { margin: 30px 0; }
	#description > .content-wrapper {
		flex-direction: row-reverse;
		align-items: flex-start;
		column-gap: 30px;
		
		line-height: 24px;
		font-size: 14px;
	}
}
@media (max-width: 899.99px) {
	#description { margin: 25px 0; }
	#description > .content-wrapper {
		flex-direction: column;
		align-items: stretch;
		row-gap: 25px;
		
		line-height: 18px;
		font-size: 12px;
	}
}

/*----------------------------------------------------------------------------------------------------*/

#description > .content-wrapper > .description {
	background-color: #F5F5F5;
}
@media (min-width: 900px) {
	#description > .content-wrapper > .description {
		flex: 1; align-self: stretch;
		padding: 70px;
		
		border-radius: 40px;
	}
}
@media (max-width: 899.99px) {
	#description > .content-wrapper > .description {
		order: 2;
		padding: 25px;
		
		border-radius: 30px;
	}
}

#description > .content-wrapper > .description h1,
#description > .content-wrapper > .description h2,
#description > .content-wrapper > .description h3,
#description > .content-wrapper > .description h4 {
	line-height: normal;
	font-family: 'Stretch Pro';
}
#description > .content-wrapper > .description h1 { margin: 60px 0 35px; }
#description > .content-wrapper > .description h2 { margin: 50px 0 30px; }
#description > .content-wrapper > .description h3 { margin: 40px 0 25px; }
#description > .content-wrapper > .description h4 { margin: 30px 0 20px; }
#description > .content-wrapper > .description h1:first-child,
#description > .content-wrapper > .description h2:first-child,
#description > .content-wrapper > .description h3:first-child,
#description > .content-wrapper > .description h4:first-child { margin-top: 0; }

#description > .content-wrapper > .description p { margin: 30px 0; }

#description > .content-wrapper > .description a {
	text-decoration: underline;
	transition: color .2s ease-out;
}
#description > .content-wrapper > .description a:hover {
	color: #FF640B;
}

/*----------------------------------------------------------------------------------------------------*/

#description > .content-wrapper > .meta {}
@media (min-width: 900px) {
	#description > .content-wrapper > .meta {
		display: flex; flex: 0 0 400px;
		flex-direction: column;
		align-items: stretch;
		row-gap: 30px;
	}
	#description > .content-wrapper > .meta > #profile {}
	#description > .content-wrapper > .meta > #about {}
}
@media (max-width: 899.99px) {
	#description > .content-wrapper > .meta {
		display: contents;
	}
	#description > .content-wrapper > .meta > #profile { order: 1; }
	#description > .content-wrapper > .meta > #about { order: 3; }
}