/* type tester */
.tt {
  margin-left: 70px;
  margin-top: 20px;
  margin-bottom: 20px;
}
	
.sample {
  outline: none;
  font-family: 'biroscript_plus_regular';
  margin-top: 40px;
  margin-left: 70px;
  font-size: 48px;
  line-height: 1.2em;
  font-variant-ligatures: normal;
  font-feature-settings: "tnum" off;
  margin-bottom: 30px;
}



		/* Basic */
		
	hr {
		border: 0;
		border-top: solid 2px #d00fb0;
	}
	

	body {
	font-family: 'wendelin_upright';
	font-size: 0.95em;
	// OR
	letter-spacing: 0.005em;
	}


	input, textarea, select {
	font-family: 'wendelin_upright';
	font-size: 0.95em;
	// OR
	letter-spacing: 0.005em;
	}


	strong, b {
	font-family: 'biroscript_plus_regular';
	font-size: 1.7em;
	}	


	ul.divided li:first-child {
	font-family: 'wendelin_upright';
	font-size: 0.95em;
	// OR
	letter-spacing: 0.005em;
	}


	#header h1 {
	font-family: 'biroscript_plus_regular';
	}

	
	#header p {
	font-family: 'biroscript_plus_regular';
	}
	
	


	@media screen and (min-width: 737px) {

		/* Basic */

			body {
			font-size: 14pt;
			}
			

			h2 {
	font-size: 2em;
	line-height: 1.8em;
			}

			h3 {
	font-size: 1.3em;
	line-height: 1.8em;
			}

		/* Table */

			table.default thead {
				font-size: 0.85em;
			}

		/* Button */

			input[type="button"],
			input[type="submit"],
			input[type="reset"],
			button,
			.button {
	font-size: 0.85em;
			}

		/* List */



			.box.excerpt .date {
				font-size: 0.85em;
			}



		/* Header */



				#header h1 {
	font-size: 6em;
				}

				#header p {
	font-size: 2.9em;
	line-height: 1.5em;
				}

		/* Nav */

						#nav > ul > li > a > span {
							font-size: 0.85em;
						}


		/* Banner */


				#banner p {
	font-size: 2em;
				}

	}

/* Tablet */

	@media screen and (min-width: 737px) and (max-width: 1200px) {

		/* Basic */

			body {
	font-size: 13pt;
			}

			h2 {
	font-size: 2em;
	line-height: 1.8em;
			}

			h3 {
	font-size: 1.2em;
	line-height: 1.8em;
			}


		/* Header */

				#header h1 {
	font-size: 1.6em;
	line-height: 1.5em;
				}

				#header p {
	font-size: 2.7em;
	line-height: 1.5em;
				}


	}

/* Mobile */

	@media screen and (max-width: 736px) {

		/* Basic */

			body, input, textarea, select {
				font-size: 11pt;
			}

			h2, h3, h4, h5, h6 {
	font-size: 1.2em;
	line-height: 1.8em;
			}

		/* Off-Canvas Navigation */


			#navPanel {
				font-size: 0.85em;
			}


		/* Header */

				#header h1 {
					font-size: 2em;
				}

				#header p {
	font-size: 2.5em;
	line-height: 1.5em;
				}


		/* Banner */

				#banner p {
					font-size: 1.75em;
				}
	}