body {
	background-color: rgb(250,250,250);
	color: #444;
	font-family: 'Roboto', sans-serif;
	font-size: 100%;
	margin: auto;
}
a {
	border-bottom: dotted 1px rgba(67,35,96, .4);
	text-decoration: none;	
	color: #432360;	
	opacity: 1;
}
a:hover {
	border-bottom: solid 1px rgba(67,35,96, .5);
}
a:visited {
	color: #432360;
}
#stage {
	font-size: 1em;
}
.silo {
	margin: 0 auto 0 auto;	
	max-width: 36em;
}
h1 {
	color: #432360;
	font-weight: 600;
	margin: 0;
}
.page-title {
	margin-block: 1em;
}
h2, h3 {
    font-weight: 100;
}
h4 {
	color: #241533;
}
.social {
	float: right;
	margin-top: 16px; 
}
.social ul {
	display: inline;
	margin: 0;
	padding: 0;
}
.social li {
	display: inline;
	list-style-type: none;
	margin-left: .25em;
}
.social li img {
	height: 32px;
	opacity: .2;
	transition: all .35s;
	width: 32px;
}
.social li img:hover {
	opacity: .6;
	transition: all .35s;
}
.social a {
	border: 0;	
}
.flag {
	border: 0;
	height: auto;
	margin: 2em 0 0 0 ;
	max-width: 300px;
	width: 300px;
}
.non, .non:hover {
	border: 0;	
}
.section {
	margin: 3em 0 0 0;
	padding: 3em 0 3em 0;
}
.section.part2 {
	background-color: #e9e9e9;
}
.section .stage {
	display: flex;
	justify-content: space-between;	
}
.section .stage a {
	display: inline;
	line-height: 1.75em;	
}
.stage ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

.part2.khmer .khmer {
	flex: 1 0 33%;
	white-space: nowrap;
	
}
.part2.khmer .regions {
	flex: 1 0 50%;	
	margin-left: 2em;
}
.khmer .regions > div {
-webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}
.khmer .regions > div ul {
	margin-top: 0;	
}

.section.part3 .stage div {
	flex: 1 0 33%;		
}
.section.part3 .stage div {
	flex: 1 0 33%;		
}
@media only screen and (max-width: 600px) {
	.silo {
		padding: 0 1em 0 1em;
	}
}
@media only screen and (max-width: 500px) {
	.flag {
		height: auto;
		width: auto;
	}
	.section.part2 .stage {
		display: block;
	}
	.part2.khmer .regions {
		margin-left: 0;	
	}
	.section.part3 .stage {
		flex-wrap: wrap;
	}
	.section.part3 .stage div {
		flex: 1 0 45%;
	}
	.section.part3 .khmer {
		padding-right: 10%;	
	}
}
@media only screen and (max-width: 400px) {
	.flag {
		margin-top: 0;	
	}
}