@charset "utf-8";
/* CSS Document */

.logo{
	margin:0;
	padding:0;
	min-height:500px;
	background:url(../images/content/logo/bg.png) bottom center no-repeat;
}
.logo .pic{
	margin:0;
	padding:0;
}
.logo .pic img{
	max-width:100%;
	height:auto;
}
.logo .text{
	padding-top:80px;
	font: 55px/70px 'THK2DJuly8', Arial, sans-serif;
	color:#fff;
}
.logo .text-2{
	margin-top:25px;
	font: 20px/32px 'Kanit', Arial, sans-serif;
	color:#2a0c46;
}
.logo .mean{
	text-align:center;
	font: 55px/70px 'THK2DJuly8', Arial, sans-serif;
	color:#2a0c46;	
	font-weight:bold;
}
.logo .mean-2{
	font: 24px/30px 'THK2DJuly8', Arial, sans-serif;
	color:#2a0c46;
}
@media (max-width: 374px) { 
.logo{
	background:none;	
}
.logo .text{
	    padding-top: 0;
		font: 35px/70px 'THK2DJuly8', Arial, sans-serif;
		font-weight:bold;
		color: #2a0c46;	
}
.logo .text-2{
	  font: 16px/30px 'Kanit', Arial, sans-serif;
}
.logo .mean{
	    font: 40px/70px 'THK2DJuly8', Arial, sans-serif;
		font-weight:bold;	
}
 }
@media (min-width: 375px) and (max-width: 419px) { 
.logo{
	background:none;	
}
.logo .text{
	    padding-top: 0;
		font: 35px/70px 'THK2DJuly8', Arial, sans-serif;
		font-weight:bold;
		color: #2a0c46;	
}
.logo .text-2{
	 font: 16px/30px 'Kanit', Arial, sans-serif;
}
.logo .mean{
	    font: 40px/70px 'THK2DJuly8', Arial, sans-serif;
		font-weight:bold;	
}
 }
@media (min-width: 420px) and (max-width: 575px) { 
.logo{
	background:none;	
}
.logo .text{
	    padding-top: 0;
		font: 35px/70px 'THK2DJuly8', Arial, sans-serif;
		font-weight:bold;
		color: #2a0c46;	
}
.logo .text-2{
	   font: 16px/30px 'Kanit', Arial, sans-serif;
}
.logo .mean{
	    font: 40px/70px 'THK2DJuly8', Arial, sans-serif;
		font-weight:bold;	
}
 }
@media (min-width: 576px) and (max-width: 767px) { 
.logo{
	background:none;	
}
.logo .pic{
	text-align:center;	
}
.logo .text{
	    padding-top: 0;
		font: 35px/70px 'THK2DJuly8', Arial, sans-serif;
		font-weight:bold;
		color: #2a0c46;	
}
.logo .text-2{
	   font: 16px/30px 'Kanit', Arial, sans-serif;
}
.logo .mean{
	    font: 40px/70px 'THK2DJuly8', Arial, sans-serif;
		font-weight:bold;	
}
 }
@media (min-width: 768px) and (max-width: 991px) { 
.logo{
	background:none;	
}
.logo .pic{
	text-align:center;	
}
.logo .text{
	    padding-top: 0;
		font: 35px/50px 'THK2DJuly8', Arial, sans-serif;
		font-weight:bold;
		color: #2a0c46;	
}
.logo .text-2{
	 font: 16px/30px 'Kanit', Arial, sans-serif;
}
.logo .mean{
	    font: 40px/70px 'THK2DJuly8', Arial, sans-serif;
		font-weight:bold;	
}
 }
@media (min-width: 992px) and (max-width: 1199px) { 
.logo .text{
	    font: 52px/58px 'THK2DJuly8', Arial, sans-serif;	
}
.logo .mean{
	    font: 48px/70px 'THK2DJuly8', Arial, sans-serif;
		font-weight:bold;	
}
.logo .text-2{
	 font: 16px/30px 'Kanit', Arial, sans-serif;
}
 }
@media (min-width: 1200px) and (max-width: 1280px) { ... }
@media (min-width: 1281px) and (max-width: 1366px) { ... }
@media (min-width: 1367px) and (max-width: 1440px) { ... }
@media (min-width: 1441px) and (max-width: 1600px) { ... }