/* your styles go here */
@import 'https://fonts.googleapis.com/css?family=Kanit';
#page1.section div.content * { font-family: 'Kanit', sans-serif; }
#page1.section div.content h1 { font-size: 64px; line-height: 50px; color: #FFF; }
#page1.section div.content h1 small { font-size: 34px; color: #AFF; }
h2.heading { font-family: 'Kanit', sans-serif; }
div.row.services ul li { margin-bottom: 0.9em; }
div.row.services ul li .label { font-size: 1.2em; }
div.row.services ul li i { margin-right: 0.9em; color: #BBB; }
div.row.services ul li>address,div.row.services ul li>div { margin: 0.5em 2.2em; padding: 0; }
.portfolio { font-size: 0.8em; }
.portfolio dt:before { font-family: FontAwesome; content: "\f013"; color: #0CC; margin-right: 0.5em; }
.portfolio dd { margin-left: 1.5em; color: #333; }
div.row.contactdetail .fa { color: #999; }
section#page4 { background: #FFF url(../images/home_download_pic.jpg) right bottom no-repeat;  }
ol.onepage-pagination { width: 95%; position: relative; margin: 0.5em; padding: 2em 0.5em 0.5em 0.5em; display: block; list-style-type: none; }
ol.onepage-pagination li { line-height: 1.4em; }
ol.onepage-pagination li a { width: 100%; display: block; color: #CFF; }
ol.onepage-pagination li a::before { display: none; }

@media (max-width: 991px) {
	.section#page1 { background: url('../images/home_pic.jpg') right top no-repeat; }
	.section#page4 { background: #FFF none; }
}
@media (max-width: 640px) {
	#page1.section div.content h1 { font-size: 40px !important; line-height: 0.7 !important; }
	#page1.section div.content h1 small { font-size: 24px !important; line-height: 0.7 !important; }
}