/* 2016 Serhat Cinar */
/* general */
.xl-font-size {
        font-size: 3.8em;
}
.l-font-size {
        font-size: 1.8em;
}
.m-font-size {
        font-size: 1.3em;
        line-height: 1.5em;
}
.s-font-size {
        font-size: 1.1em;
        line-height: 1.4em;
}

/* xs */
@media (max-width: 767px) {
	body {
		font-size: 14px !important;
	}
	.xl-font-size-xs {
        font-size: 3.8em !important;
	}
	.l-font-size-xs {
		font-size: 1.8em !important;
	}
	.m-font-size-xs {
		font-size: 1.3em !important;
		line-height: 1.5em !important;
	}
	.s-font-size-xs {
		font-size: 1.1em !important;
		line-height: 1.4em !important;
	}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	body {
		font-size: 14px !important;
	}
	.xl-font-size-sm {
        font-size: 3.8em !important;
	}
	.l-font-size-sm {
		font-size: 1.8em !important;
	}
	.m-font-size-sm {
		font-size: 1.3em !important;
		line-height: 1.5em !important;
	}
	.s-font-size-sm {
		font-size: 1.1em !important;
		line-height: 1.4em !important;
	}
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	body {
		font-size: 14px !important;
	}
	.xl-font-size-md {
        font-size: 3.8em !important;
	}
	.l-font-size-md {
		font-size: 1.8em !important;
	}
	.m-font-size-md {
		font-size: 1.3em !important;
		line-height: 1.5em !important;
	}
	.s-font-size-md {
		font-size: 1.1em !important;
		line-height: 1.4em !important;
	}
}

/* lg */
@media (min-width: 1200px) {
	body {
		font-size: 20px !important;
	}
	.xl-font-size-lg {
        font-size: 3.8em !important;
	}
	.l-font-size-lg {
		font-size: 1.8em !important;
	}
	.m-font-size-lg {
		font-size: 1.3em !important;
		line-height: 1.5em !important;
	}
	.s-font-size-lg {
		font-size: 1.1em !important;
		line-height: 1.4em !important;
	}
}