body { padding-top: 60px; background-color:#FAFAFF; }

.font-title					{ font-family: 'Bai Jamjuree', sans-serif;} 
.font-logo					{ font-family: 'Audiowide', cursive; }

.table-fit 					{ white-space: nowrap; width: 1%; }

.cursor-pointer 			{ cursor: pointer; }

input:required:invalid 		{ border: 1px solid red; }
input:required:valid    	{ border: 1px solid green; }
select:required:invalid 	{ border: 1px solid red; }
select:required:valid 		{ border: 1px solid green; }
textarea:required:invalid 	{ border: 1px solid red; }
textarea:required:valid     { border: 1px solid green; }


/* Extra small device ( less than 576px) */
h1{ font-size: 1.5rem;}
h2{ font-size: 1.4rem;}
h3{ font-size: 1.35rem;}
h4{ font-size: 1.3rem;}
h5{ font-size: 1.25rem;}
h6{ font-size: 1.2rem;}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
h1{ font-size: 1.5rem;}
h2{ font-size: 1.4rem;}
h3{ font-size: 1.35rem;}
h4{ font-size: 1.3rem;}
h5{ font-size: 1.25rem;}
h6{ font-size: 1.2rem;}
    
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    h1{ font-size: 2.5vw; }
    h2{ font-size: 2.4vw; }
    h3{ font-size: 2.3vw; }
    h4{ font-size: 2.1vw; }
    h5{ font-size: 2.0vw; }
    h6{ font-size: 1.9vw; }
    
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    h1{ font-size: 2.5vw; }
    h2{ font-size: 2.3vw; }
    h3{ font-size: 2.0vw; }
    h4{ font-size: 1.8vw; }
    h5{ font-size: 1.6vw; }
    h6{ font-size: 1.4vw; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    h1{ font-size: 2vw; }
    h2{ font-size: 1.8vw; }
    h3{ font-size: 1.6vw; }
    h4{ font-size: 1.4vw; }
    h5{ font-size: 1.2vw; }
    h6{ font-size: 1.1vw; }
    
}