/* Variables - Spacing and Color Palette
oooooooooooooooooooooooooooooooooooooooooooooooooo */
body {
	--spacing-small: 20px;
	--spacing-medium: 50px;
	--spacing-large: 100px;
}


/* About
oooooooooooooooooooooooooooooooooooooooooooooooooo */
.about {
	color: #505050;
}

.about .section {
	padding: 0 var(--spacing-medium) var(--spacing-medium) var(--spacing-medium);
}

.about .section:not(.introduction) {
	padding: var(--spacing-large)  var(--spacing-medium) var(--spacing-large) var(--spacing-medium);
}

.about .section:not(.introduction) .content_container {
	max-width: 750px;
	margin: 0 auto;
}

.about .content >div:first-child {
	padding-top: var(--spacing-medium);
}

.about .pronunciation {
	display: block;
	font-size: 36px;
	line-height: 1em;
	margin-bottom: var(--spacing-medium);
	color: #71A490;
}

/*.about .context {
	display: block;
	margin-bottom: var(--spacing-large);
	font-size: 16px;
	font-family: 'IBM Plex Serif', serif;
	color: #333;
	line-height: 1em;
}*/

.about .introduction .media_container {
	max-width: 700px;
	min-width: 400px;
	/*padding-right: var(--spacing-medium);*/
}

.about .current_projects {
	/*background: #463F3A;*/
	color: #DDDDDD;
}


.about .current_projects .content_container {
	max-width: 750px;
	margin: 0 auto;
}

.about .current_projects .media_container {
	max-width: 800px;
	min-width: 400px;
	margin: 0 auto;
	font-size: 0;
}

.about .disneyland {
	border: 2px solid #EEEEE6;
	border-top-color: #E8E8E8;
	border-right-color: #D9D7C8;
	border-bottom-color: #C0BDAF;
	/*border-left-color: #EEEEE6;*/
	width: 100%;
}

.about h1 {
	margin-bottom: 0.2em;
	line-height: 1em;
}
.about h2 {
	margin-bottom: var(--spacing-small);
	line-height: 1em;
}

.about .introduction .name {
	display: block;
	font-size: 54px;
	font-family: Lato, Helvetica, sans-serif;
	font-family: 'Fjalla One', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	/*color: #ffffff;*/
	/*text-shadow: 2px 1px 0 rgba(0,0,0,0.5);*/
	/*margin-left: var(--spacing-large);*/
}

.about .text_container {
	padding-right: var(--spacing-small);
}


.about .introduction {
	font-size: 18px;
}
.about .introduction li {
	text-indent: 0;
	margin-bottom: 8px;
}
.about .introduction li >span {
	font-weight: bold;
}

.about .section.family {
	padding-bottom: 0;
}

.about .family .text_container {
	padding-left: var(--spacing-small);
}

.about .random {
	padding: 0;
	/*padding-top: var(--spacing-large);*/
}

/*.about .random h2 , .about .random p {
	padding-left: var(--spacing-medium);
	padding-right: var(--spacing-medium);
}*/

.about .random img {
	max-width: 100%;
	/*display: block;
	margin: 0 auto var(--spacing-medium) auto;*/
}

/* Media Queries
oooooooooooooooooooooooooooooooooooooooooooooooooo */
@media screen and (max-width:1024px) {

}

@media screen and (max-width:768px) {
	.about .section {
		padding-right: var(--spacing-small);
		padding-left: var(--spacing-small);
	}

}

@media screen and (max-width:600px) {
	
}

@media screen and (max-width:400px) {

}