:root {
	--tpablue: #1D4294;
	--tpagold: #C6AB00;
	--bg-home-intro: #9fb8d8;
	--bg-home-newsletter: #3862a9;
	/*--txt-home-newsletter: #dcba2f;*/
	--txt-home-newsletter: #FFD700;
	--bg-home-softservice: #ead7a5;
	--txt-home-softservice: #224597;
}

[class^="home-"] { font-family: 'Noto Sans Thai', sans-serif; } [class^="home-"] .row { margin-top: 1em; }
[class^="home-"] p, [class^="home-"] dl { font-size: 1.25rem; font-weight: 300; }
section { margin: 0; padding: 1.4em 0; }
.home-intro { background-color: var(--bg-home-intro); background-image: url("../images/home-intro-bg.webp"); background-position: center top; background-size: cover;  background-repeat: no-repeat; background-attachment: fixed; overflow: auto; }
.home-intro h1 { margin-top: 10.5%; padding: 0.5em 5%; text-align: center; border-bottom: 3px #333 solid; }
.home-intro h1 span { display: block; }
.home-intro h1 span:nth-child(1) { font-size: 3.0rem; font-weight: 400; }
.home-intro h1 span:nth-child(2) { font-size: 2.5rem; font-weight: 400; }
.home-intro h1 span:nth-child(3) { font-size: 4.5rem; font-weight: 800; }
.home-intro p { margin: 1em 1em 8% 1em; padding: 1.2em 5.5%; font-size: 1.5rem; font-weight: 300; text-align: center; display: block; }

[class^="home-"] h2 { font-size: 2.5rem; font-weight: 700; text-align: center; padding-bottom: 5px; border-bottom: 2px #333 solid; margin-bottom: 1em; }
.home-newsletter { background-color: var(--bg-home-newsletter); color: var(--txt-home-newsletter); }
.home-newsletter .row > div:nth-child(1) { padding: 0 5%; }
.home-newsletter h2 { border-bottom-color: var(--txt-home-newsletter); }
.home-softservice { background-color: var(--bg-home-softservice); color: var(--txt-home-softservice); text-align: center; }
.home-softservice h2.wlogo { display: flex; align-items: center; justify-content: center;  gap: 12px; width: 100%; text-align: center; }
.home-softservice .container > div { padding: 0 10.0%; }
.home-contact h2 { margin-left: 10%; margin-right: 10%; }
.home-contact dl { margin-top: 0.5em; }
.home-contact dl, .home-contact dl dt, .home-contact dl dd { font-weight: 300; }
.home-contact dt::after { content: "\00a0:"; }

@media (max-width: 991px) {
	[class^="home-"] p { font-size: 1.0rem; font-weight: 300; }
	.home-intro h1 span:nth-child(1) { font-size: 2.0rem; }
	.home-intro h1 span:nth-child(2) { font-size: 1.75rem; }
	.home-intro h1 span:nth-child(3) { font-size: 3.25rem; }
	.home-intro p { font-size: 1.25rem; }
	.home-contact dl { font-size: 1.0rem; }
}
@media (max-width: 767px) {
	.home-intro h1 span:nth-child(1) { font-size: 1.5rem; }
	.home-intro h1 span:nth-child(2) { font-size: 1.25rem; }
	.home-intro h1 span:nth-child(3) { font-size: 2.25rem; }
	.home-intro p { font-size: 1.0rem; }
	.home-newsletter .row > div:nth-child(1) { padding: 0 1.0%; }
	.home-softservice .container > div { padding: 0 1.0%; }
	.home-softservice h2.wlogo .home-softservice-head-icon { width: 150px; height: auto; }
	.home-contact h2 { margin-left: 1%; margin-right: 1%; }
}

@media screen and (min-resolution: 144dpi), (min-device-pixel-ratio: 1.5) {
  .home-contact-address { font-size: 1.0rem; }
}