html, body {
	margin:0;
	background-color:#dcdcdc;
	font-family: 'Raleway', sans-serif;
}

.pgreen {color:darkgreen; font-weight: 900;}


.div_TITLE1 {
	width:100%;
	background-color:darkgreen;
	text-align:center;
}
	.h1_TITLE1-sub {
		margin:0;
		padding:2rem;
		font-size:3rem;
		font-family: 'Kanit', sans-serif;
		color:white
	}
	
.div_CONTAINER-main {
	max-width:1024px;
	margin:0 auto;
}

.div_TITLE2 {
	width:100%;
	text-align:center;
}
	.h2_TITLE2-sub {
		margin:0;
		padding-top:1rem;
		font-size:2rem;
		font-family: 'Kanit', sans-serif;
		color:darkgreen;
	}

.div_VIDEO {
	background-color:black;
	text-align:center;
}
	.iframe_VIDEO {
		width:90%;
		height:400px;
	}
	
.input_DEFAULT {
	width:100%;
	max-width:400px;
	font-size:1.125rem;
}

.div_CONTENT-main {
	width:100%;
}
	.div_CONTENT-col1 {
		width:60%;
		float:left
	}
		.div_CONTENT-col1-pad {
			padding:2rem;
		}

	.div_CONTENT-col2 {
		width:40%;
		max-width:400px;
		float:left;
	}
		.div_CONTENT-col2-pad {
			padding:2rem;
			text-align:center;
		}
		.div_CONTENT-col2-donate {
			padding:1rem;
			border-radius:32px;
			
		}
		
.div_TITLE3 {
	width:100%;
	background-color:darkgreen;
	text-align:center;
}

	.h2_TITLE3 {
		margin:0;
		padding-top:1.5rem;
		padding-bottom:1.5rem;
		font-size:2rem;
		font-family: 'Kanit', sans-serif;
		color:white;
		font-weight:normal;
	}



	.h2_TITLE4 {
		margin:0;
		padding-top:1.2rem;
		padding-bottom:1.2rem;
		font-size:2rem;
		font-family: 'Kanit', sans-serif;
		color:white;
		font-weight:normal;
	}


@media (max-width: 640px) {
	html {
		font-size:65%;
	}
	
	.iframe_VIDEO {
		width:100%;
		height:200px;
	}
	
	.span-2 {color:darkgreen; font-weight: 900;}
	
	.div_CONTENT-col1 {
		width:100%;
	}

	.div_CONTENT-col2 {
		width:100%;
		max-width:100%;
		text-align:center;
	}
}

@media (min-width: 641px) {
	.span-2 {color:darkgreen; font-weight: 900;}
	
	html {
		font-size:100%;
	}
	
	
}