article h2 {
	font-family: 'khanaratsadon', 'sov_sawadisopha';
  letter-spacing: 3px;
  font-size: 2em;
}
article h3 {
	font-family: 'khanaratsadon', 'sov_sawadisopha';
  letter-spacing: 3px;
  font-size: 1.75em;
}
article h4 {
	font-family: 'khanaratsadon', 'sov_sawadisopha';
  letter-spacing: 3px;
  font-size: 1.5em;
}

.page-about-sub-head {
	padding:75px 0 0 0;
	font-family: 'khanaratsadon', 'sov_sawadisopha';
	letter-spacing:1px;
	margin:0 25px;
}

article .node-content .field--name-body h2,
article .node-content .field--name-body h3,
article .node-content .field--name-body h4,
article .node-content .field--name-body h5,
article .node-content .field--name-body h6,
article .node-content .field--name-body p,
article .node-content .field--name-body ul {
	margin:0 25px 1em 25px;
}

.page-about-menu {
	display:flex;
	margin:0 25px;
	padding:0;
}
.page-about-menu li {
	flex:0 0 15%;
	list-style:none;
	text-align:center;
	margin:0;
	padding: 10px 0 0 0;
	border-top:1px solid #000;
	border-left:1px solid #000;
}
.page-about-menu li.fourth {
	flex:0 0 20%;
}
.page-about-menu li.last,
.page-about-menu li.middle {
	flex:0 0 25%;
}
.page-about-menu li.first {
	border-left:none;
}
.page-about-menu li a {
	font-family: 'khanaratsadon', 'sov_sawadisopha';
	font-size:0.8em;
	font-weight: 400;
  color: #000;
  letter-spacing: 0.5px;
}




@media screen and (min-width:768px) {

	.page-about-sub-head {
		margin:0;
	}

	article .node-content .field--name-body h2,
	article .node-content .field--name-body h3,
	article .node-content .field--name-body h4,
	article .node-content .field--name-body h5,
	article .node-content .field--name-body h6,
	article .node-content .field--name-body p,
	article .node-content .field--name-body ul {
		margin:0 0 1em 0;
	}
	.page-about-menu {
		margin:0;
	}

	.page-about-menu li,
	.page-about-menu li.last,
	.page-about-menu li.middle {
		flex:0 0 20%;
	}

}