/*-- -------------------------- -->
<---            ABOUT           -->
<--- -------------------------- -*/
@media only screen and (min-width: 0px) {
	.about-container {
		display: flex;
	}

	#about img {
		max-height: 505px;
		max-width: 579px;
		border: 8px solid var(--primary);
		border-radius: 50%;
	}
	.about-container .above-topper {
		color: #999;
		font-size: 0.875em;
		text-transform: uppercase;
	}
}

/* Mobile */
@media only screen and (max-width: 768px) {
	.about-container {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}