/*@font-face {
	font-family: Geologica;
	src: url(./res/Geologica/Geologica-VF.ttf);
}
@font-face {
	font-family: "IBM Plex Serif";
	src: url(./res/IBM_Plex_Serif/IBMPlexSerif-Medium.ttf);
}
@font-face {
	font-family: "Bitter";
	src: url(./res/Bitter/Bitter-VF.ttf);
}*/

.txt-pop { color: var(--TXT-Pop, #030905); }
.txt-bright { color: var(--TXT-Bright, #222D26); }
.txt-humble { color: var(--TXT-Humble, #595C5A); }
.txt-pale { color: var(--TXT-Pale, #969696); }
.txt-white { color: var(--White, #FFFFFF); }





.page_header, .advantage {
	/* Desktop L/Header/only */
	/* font-family: Bitter; */
	/* font-weight: 400; */
	font-family: "IBM Plex Serif";
	/* color: #f00; */
	font-weight: 500;
	font-style: normal;
	/* other params are media-specific */
}



.text-b1b,
.text-b1r,
.text-b2b,
.text-b2r,
.text-b3b,
.text-b3r {
	font-family: Geologica;
	font-style: normal;
	/* other params are media-specific */
}
.text-b1b,
.text-b2b,
.text-b3b {
	font-weight: 400;
	/* other params are media-specific */
}
.text-b1r,
.text-b2r,
.text-b3r {
	font-weight: 200;
	/* other params are media-specific */
}



.text-btn {
	font-family: Geologica;
	font-style: normal;
	font-weight: 200;
	/* other params are media-specific */
}






/*
Mobile Only    Mobile Only    Mobile Only    Mobile Only    
Mobile Only    Mobile Only    Mobile Only    Mobile Only    
Mobile Only    Mobile Only    Mobile Only    Mobile Only    
Mobile Only    Mobile Only    Mobile Only    Mobile Only    
Mobile Only    Mobile Only    Mobile Only    Mobile Only    */

@media (max-width: 599px) {
	.page_header {
		font-size: 28px;
		line-height: 36px;
	}
	.advantage {
		font-size: 20px;
		line-height: 24px;
	}



	.text-b1b,
	.text-b1r {
		font-size: 20px;
		line-height: 26px;
	}
	.text-b2b,
	.text-b2r {
		font-size: 17px;
		line-height: 24px;
	}
	.text-b3b,
	.text-b3r {
		font-size: 15px;
		line-height: 22px;
	}



	.text-btn {
		font-size: 15px;
		line-height: 22px;
		letter-spacing: 0.16px;
	}
}




/*
Tablet Only    Tablet Only    Tablet Only    Tablet Only    
Tablet Only    Tablet Only    Tablet Only    Tablet Only    
Tablet Only    Tablet Only    Tablet Only    Tablet Only    
Tablet Only    Tablet Only    Tablet Only    Tablet Only    
Tablet Only    Tablet Only    Tablet Only    Tablet Only     */

@media (min-width: 600px) and (max-width: 1024px) {
	.page_header {
		font-size: 36px;
		line-height: 40px;
	}
	.advantage {
		font-size: 32px;
		line-height: 36px;
	}


	
	.text-b1b,
	.text-b1r {
		font-size: 24px;
		line-height: 32px;
	}
	.text-b2b,
	.text-b2r {
		font-size: 20px;
		line-height: 32px;
	}
	.text-b3b,
	.text-b3r {
		font-size: 16px;
		line-height: 28px;
	}


	
	.text-btn {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0.16px;
	}
}





/* 
Desktop S    Desktop S    Desktop S    Desktop S    
Desktop S    Desktop S    Desktop S    Desktop S    
Desktop S    Desktop S    Desktop S    Desktop S    
Desktop S    Desktop S    Desktop S    Desktop S    
Desktop S    Desktop S    Desktop S    Desktop S     */

@media (min-width: 1025px) and (max-width: 1200px) {
	.page_header {
		font-size: 36px;
		line-height: 40px;
	}
	.advantage {
		font-size: 32px;
		line-height: 36px;
	}



	.text-b1b,
	.text-b1r {
		font-size: 24px;
		line-height: 32px;
	}
	.text-b2b,
	.text-b2r {
		font-size: 20px;
		line-height: 32px;
	}
	.text-b3b,
	.text-b3r {
		font-size: 16px;
		line-height: 28px;
	}


	
	.text-btn {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0.16px;
	}
}




/* 
Desktop M-XL    Desktop M-XL    Desktop M-XL    Desktop M-XL    
Desktop M-XL    Desktop M-XL    Desktop M-XL    Desktop M-XL    
Desktop M-XL    Desktop M-XL    Desktop M-XL    Desktop M-XL    
Desktop M-XL    Desktop M-XL    Desktop M-XL    Desktop M-XL    
Desktop M-XL    Desktop M-XL    Desktop M-XL    Desktop M-XL     */

@media (min-width: 1201px) {
	.page_header {
		font-size: 36px;
		line-height: 40px;
	}
	.advantage {
		font-size: 32px;
		line-height: 36px;
	}


	
	.text-b1b,
	.text-b1r {
		font-size: 24px;
		line-height: 32px;
	}
	.text-b2b,
	.text-b2r {
		font-size: 20px;
		line-height: 32px;
	}
	.text-b3b,
	.text-b3r {
		font-size: 16px;
		line-height: 28px;
	}


	
	.text-btn {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0.16px;
	}
}