<div class="fonts">
	<h2>Fonts</h2>
	<div class="row">
		<div class="col-sm-8 col-md-9">
			<h3 class="ff1">Font: </h3>
			<p class="font1">In mauris integer etiam aliquet integer duis rhoncus ultricies cras in habitasse ac sociis
				porttitor placerat ac porttitor, in ac. A, tristique dapibus mauris, vut et porta? Enim, porta
				penatibus, augue egestas aliquam eu velit placerat, sociis hac et, pulvinar tincidunt amet ut turpis
				dapibus. Dolor. Lundium rhoncus elementum vel. Tempor sit nisi aliquam ut augue tincidunt tincidunt cum
				egestas massa, nunc etiam ac scelerisque auctor sed sed facilisis!</p>

			<h3 class="ff2">Font: </h3>
			<p class="font2">In mauris integer etiam aliquet integer duis rhoncus ultricies cras in habitasse ac sociis
				porttitor placerat ac porttitor, in ac. A, tristique dapibus mauris, vut et porta? Enim, porta
				penatibus, augue egestas aliquam eu velit placerat, sociis hac et, pulvinar tincidunt amet ut turpis
				dapibus. Dolor. Lundium rhoncus elementum vel. Tempor sit nisi aliquam ut augue tincidunt tincidunt cum
				egestas massa, nunc etiam ac scelerisque auctor sed sed facilisis!</p>

			<h3 class="ff3">Font: </h3>
			<p class="font3">In mauris integer etiam aliquet integer duis rhoncus ultricies cras in habitasse ac sociis
				porttitor placerat ac porttitor, in ac. A, tristique dapibus mauris, vut et porta? Enim, porta
				penatibus, augue egestas aliquam eu velit placerat, sociis hac et, pulvinar tincidunt amet ut turpis
				dapibus. Dolor. Lundium rhoncus elementum vel. Tempor sit nisi aliquam ut augue tincidunt tincidunt cum
				egestas massa, nunc etiam ac scelerisque auctor sed sed facilisis!</p>
		</div>

		<div class="col-sm-4 col-md-3">
			<div class="input">
				<p>
					<label for="tc-font-size">Font size:</label>
					<input id="tc-font-size" class="nocolor" data-selector="p" data-element="font-size" type="text">
				</p>
				<p>
					<input id="tc-font-bold" class="nocolor check" data-selector="p" data-element="font-weight" type="checkbox" data-check="600" data-default="normal">
					Bold
				</p>
				<p>
					<input id="tc-font-italic" class="nocolor check" data-selector="p" data-element="font-style" type="checkbox" data-check="italic" data-default="normal">
					Italic
				</p>
				<p>
					<input id="tc-font-upper" class="nocolor check" data-selector="p" data-element="text-transform" type="checkbox" data-check="uppercase" data-default="none">
					Uppercase
				</p>
			</div>
		</div>
	</div>
</div>
