/*=============================================================*/
/*		   GLOBAL | Mobile Typography
/*=============================================================*/
html.mobile p,
html.mobile #mw-content-text,
html.mobile .katex .text,
html.mobile .mlmath-simple .text {
	font-family: 'Roboto-Regular', sans-serif;
	font-size: 14px;
	line-height: var(--line-height-default);
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}


/*=============================================================*/
/*		   Responsive Typography
/*=============================================================*/
@media only screen
and (min-width: 1px)
and (max-width: 767px) {
	html.mobile {
		font-size: 14px;
	}

	html .katex,
	html .mlmath-simple {
		font-size: 14px;
	}

	/* deduct boxes */
	html.mobile .math-box-solution {
		font-size: 14px;
	}

	html .math-box-solution .katex,
	html .math-box-solution .mlmath-simple {
		font-size: 14px;
	}

}
	
@media only screen and (max-width: 768px) {
	html.mobile {
		font-size: 14px;
	}

	html .katex,
	html .mlmath-simple {
		font-size: 14px;
	}

	/* deduct boxes */
	html.mobile .math-box-solution {
		font-size: 14px;
	}

	html .math-box-solution .katex,
	html .math-box-solution .mlmath-simple {
		font-size: 14px;
	}

}

@media only screen and (max-width: 1024px) {
	html p,
	html #mw-content-text,
	html .katex .text,
	html .mlmath-simple .text {
		font-size: 14px;
	}

	html .katex,
	html .mlmath-simple {
		font-size: 14px;
	}

	/* deduct boxes */
	html p .math-box-solution,
	html #mw-content-text .math-box-solution,
	html .math-box-solution .katex .text,
	html .math-box-solution .mlmath-simple .text {
		font-size: 14px;
	}

	html .math-box-solution .katex,
	html .math-box-solution .mlmath-simple {
		font-size: 14px;
	}
}

/*=============================================================*/
/*			GLOBAL | Tablet Typography
/*=============================================================*/
html.tablet p,
html.tablet #mw-content-text,
html.tablet .katex .text,
html.tablet .mlmath-simple .text {
	font-size: 14px;
	line-height: var(--line-height-default);
	font-weight: normal;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}

html.tablet .katex,
html.tablet .mlmath-simple {
	font-size: 14px;
}

html.tablet .katex,
html.tablet .mlmath-simple {
	font-size: 14px;
}

html.tablet .math-box-solution .katex,
html.tablet .math-box-solution .mlmath-simple {
	font-size: 14px;
}

html.tablet .math-box-solution .katex,
html.tablet .math-box-solution .mlmath-simple {
	font-size: 14px;
}

/*Fix for size in text in expontents*/
html.tablet .katex .sizing.reset-size3 .text {
	font-size: 1em;
}

html.tablet .katex .sizing.reset-size6 .text {
	font-size: 1em;
}

/* Lists */
/*=============================================================*/

html.mobile ol,
html.tablet ol,
html.mobile ul,
html.tablet ul {
	margin: 0.3em 0 0 3.2em;
	padding: 0;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 1em;
}

html.tablet li,
html.mobile li {
	margin: 4px;
	margin-right: 0;
}


@media all and (min-width: 1px) and (max-width: 599px) {
	/* lists */
	html.mobile .md-autocomplete-suggestions li {
		font-size: 1rem;
	}
}
