/* Reset */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {font-family: 'kanit', sans-serif;color: #333;background: #fff;line-height: 1.6;}

/* Navbar */
.navbar { display: flex; justify-content: space-between;align-items: center;background: #003366;padding: 25px 20px;
		color: #fff; position: sticky;top: 0;z-index:9999;}
.navbar .logo { font-weight: 700; }
.nav-links { list-style: none; display: flex; }
.nav-links li { margin: 0 20px; }
.nav-links a { color: #fff;text-decoration: none; font-weight: 600;}
.burger { display: none; cursor: pointer; font-size: 1.5rem; }
.ilink { color: #fff;text-decoration: none;}

/* Hero */
.hero {background: linear-gradient(rgba(0,51,102,0.6), rgba(0,51,102,0.6)),url('../images/pss-herobg.jpg') center/cover no-repeat; 
	height: 60vh; display: flex; align-items: center;justify-content: center;text-align: center; color: #fff;padding:0 20px;}
.hero h1 { font-family: 'Arial', sans-serif; margin-bottom: 15px; }
.hero p { margin-bottom: 30px; color:#ffcc00; font-size:1.2rem; }

/* bottom */
.btn { background: #003366;color: #fff;padding: 12px 20px;text-decoration: none; border-radius: 4px; margin: 5px; transition: 0.3s;}
.btn:hover { background: #0055aa; }
.btn-outline { background: transparent;border: 2px solid #fff;}
.btn-line { background:#06c755;color: #fff;padding: 18px 30px;text-decoration: none;font-weight:bold; 
	border-radius: 30px; margin: 5px; transition: 0.3s;box-shadow:0 4px 15px rgba(6,199,85,0.3);}


/* Hero linear-gradient(rgba(0,51,102,0.6), rgba(0,51,102,0.6))*/
.hero-subheader {
	background: linear-gradient(rgba(0,51,102,0.6), rgba(5,70,140,0.6)), url('../images/pss-subherobg.jpg') center/cover no-repeat; 
	height: 45vh; display: flex; align-items: center;justify-content: left;text-align: left; color: #fff;padding:0px 60px;
}
.hero-subheader h1 { margin-bottom: 15px; }
.hero-subheader p { margin-bottom: 20px; font-size: 1.2rem; }
.hero-content-text{ font-family: 'Tahoma', sans-serif;color:#ffcc00;}

/* Sections old */
/*section { padding:60px 20px; }
section h2 { color: #003366; margin-bottom: 20px; font-size: 1.8rem; }
section p{ color: #555; margin-bottom: 40px; font-size: 1.2rem; }*/

/* Sections h3 #004080 */
section { padding:60px 10px;}
section h2 { color: #003366; margin-bottom: 20px;font-size:1.6rem; }
section h3 { color: #555; margin-bottom: 40px;font-size:1.2rem; }
section h4 { color: #33475b; margin-bottom: 20px;font-size:1.1rem; }
section p{ color: #555; margin-bottom: 40px;font-size:1.1rem;}