/* @import url('https://fonts.googleapis.com/css?family=Poppins'); */

	/* ***************************************************************************** */
	/* DOCUMENT LEVEL SCALING - Version 1.0                                          */
	/*                                                                               */
	/* "rem" and unitless line height scale properly with the font size.             */
	/* To calculate:                                                                 */
	/* 		Design font of 20px should be specified as 2rem  (2 x 10px = 20px);      */
	/* 		Design line-height of 24px is specified as 1.2  (20px x 1.2 = 24px);     */
	/* 		Design letter-spacing of 1px is specified as 0.1rem  (0.1 x 10px = 1px); */
	/*                                                                               */
	/* Note:  See examples at bottom of this page.                                   */
	/* ***************************************************************************** */


	html { font-size: 10px; }

	@media (max-width: 365px) {
	  html { font-size: 9px; }
	}
	@media (max-width: 347px) {
	  html { font-size: 8.5px; }
	}
	@media (max-width: 329px) {
	  html { font-size: 8px; }
	}
	@media (max-width: 311px) {
	  html { font-size: 7.5px; }
	}
	@media (max-width: 293px) {
	  html { font-size: 7px; }
	}
	@media (max-width: 275px) {
	  html { font-size: 6.5px; }
	}
	@media (max-width: 257px) {
	  html { font-size: 6px; }
	}
	@media (max-width: 239px) {
	  html { font-size: 5.5px; }
	}
	@media (max-width: 221px) {
	  html { font-size: 5px; }
	}
	@media (max-width: 203px) {
	  html { font-size: 4.5px; }
	}
	@media (max-width: 185px) {
	  html { font-size: 4px; }
	}
	@media (max-width: 167px) {
	  html { font-size: 3.5px; }
	}

	@media (max-width: 440px) and (min-aspect-ratio: 5/9) and (max-height: 620px) {
	  html { font-size: 9px; }
	}
	@media (max-width: 440px) and (min-aspect-ratio: 5/9) and (max-height: 588px) {
	  html { font-size: 8.5px; }
	}
	@media (max-width: 440px) and (min-aspect-ratio: 5/9) and (max-height: 556px) {
	  html { font-size: 8px; }
	}
	@media (max-width: 440px) and (min-aspect-ratio: 5/9) and (max-height: 524px) {
	  html { font-size: 7.5px; }
	}
	@media (max-width: 440px) and (min-aspect-ratio: 5/9) and (max-height: 492px) {
	  html { font-size: 7px; }
	}
	@media (max-width: 440px) and (min-aspect-ratio: 5/9) and (max-height: 460px) {
	  html { font-size: 6.5px; }
	}
	@media (max-width: 440px) and (min-aspect-ratio: 5/9) and (max-height: 428px) {
	  html { font-size: 6px; }
	}
	@media (max-width: 440px) and (min-aspect-ratio: 5/9) and (max-height: 396px) {
	  html { font-size: 5.5px; }
	}
	@media (max-width: 440px) and (min-aspect-ratio: 5/9) and (max-height: 364px) {
	  html { font-size: 5px; }
	}
	@media (max-width: 440px) and (min-aspect-ratio: 5/9) and (max-height: 332px) {
	  html { font-size: 4.5px; }
	}
	@media (max-width: 440px) and (min-aspect-ratio: 5/9) and (max-height: 300px) {
	  html { font-size: 4px; }
	}
	@media (max-width: 440px) and (min-aspect-ratio: 5/9) and (max-height: 268px) {
	  html { font-size: 3.5px; }
	}


	/* ******************* */
	/*    FONT EXAMPLES    */
	/* ******************* */

	.example-pgHeading {
		text-align: left;
		font: normal 300 2.4rem/1.67 Poppins;
		color: #4a4a4a;
		letter-spacing: 0.5rem;
	}

	.example-msgText {
		text-align: left;
		font: normal 500 1.4rem/1.64 Poppins;
		color: #666666;
		letter-spacing: 0.1rem;
	}


	.example-msgHeading {
		text-align: left;
		font: normal Bold 1.8rem/1.44 Poppins;
		color: #333333;
		letter-spacing: 0.2rem;
	}