html , body
{
	font-size: 16px;
	line-height: 30px;
}

/* Size */
.smaller { font-size: 12px; line-height: 25px; }
.small { font-size: 14px; line-height: 30px; }
.base { font-size: 16px; line-height: 30px; }
.medium { font-size: 24px; line-height: 40px; }
.large { font-size: 34px; line-height: 50px; }
.larger { font-size: 45px; line-height: 60px; }

/* Heading */
h1 , h2 , h3 , h4 , h5 , h6
{
	margin: 1em 0 0.5em 0;
	font-weight: normal;
}

h6 { font-size: 12px; line-height: 20px; }
h5 { font-size: 14px; line-height: 24px; }
h4 { font-size: 16px; line-height: 24px; }
h3 { font-size: 24px; line-height: 32px; }
h2 { font-size: 34px; line-height: 40px; }
h1 { font-size: 45px; line-height: 48px; }

/* Quote */
blockquote
{
	/*margin: 1.5em 10px;*/
	padding: 0.5em 10px;
	color: #444;
}

blockquote:before
{
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	color: rgba(0 , 0 , 0 , 0.2);
	vertical-align: -0.4em;
}

[dir="rtl"] blockquote { border-right: 5px solid rgba(0 , 0 , 0 , 0.1); }
[dir="ltr"] blockquote { border-left: 5px solid rgba(0 , 0 , 0 , 0.1); }
blockquote.quote-white { border-color: rgba(255 , 255 , 255 , 0.2); }
[dir="rtl"] blockquote:before { margin-left: 0.25em; }
[dir="ltr"] blockquote:before { margin-right: 0.25em; }
blockquote.quote-white:before { color: rgba(255 , 255 , 255 , 0.4); }
blockquote p { display: inline; }

/* Align */
.align-right { text-align: right; }
.align-left , .align-reverse { text-align: left; }
.align-center { text-align: center; }
.align-justify { text-align: justify; }

.align-last-right
{
	-webkit-text-align-last: right;
	-moz-text-align-last: right;
	text-align-last: right;
}

.align-last-left , .align-last-reverse
{
	-webkit-text-align-last: left;
	-moz-text-align-last: left;
	text-align-last: left;
}

.align-last-center
{
	-webkit-text-align-last: center;
	-moz-text-align-last: center;
	text-align-last: center;
}

.align-last-justify
{
	-webkit-text-align-last: justify;
	-moz-text-align-last: justify;
	text-align-last: justify;
}

/* Ellipsis */
.ellipsis
{
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-white-space: nowrap;
	-moz-white-space: nowrap;
	-ms-white-space: nowrap;
	-o-white-space: nowrap;
	white-space: nowrap;
	overflow: hidden;
}