html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

hr {
	border: 0;
	margin-top: 0;
	margin-bottom: 24px;
}

ul, ol {
	margin-top: 0;
	margin-bottom: 24px;
	padding-left: 24px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
}

dl {
	margin-top: 0;
	margin-bottom: 24px;
}

dt {
	font-weight: bold;
}

dd {
	margin-left: 24px;
	margin-bottom: 24px;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	vertical-align: middle;
}

iframe{
	max-width: 100%;
	width: 100%;
}

figure {
	margin: 0 0 24px; /* Extra wide images within figure tags don't overflow the content area. */
	max-width: 100%;
}

svg {
	display: block;
}

// tables
table {
	border-collapse: collapse;
	margin-bottom: 24px;
	width: 100%;
}

th {
	text-align: left;
}

th,
td {
	padding: 10px 16px;
}

figcaption{
	margin: 8px 0 0;
	font-size: 1.4rem;	
}
cite {
    font-style: normal;
}
cite em{
	font-style: italic;
}
pre{
	padding: 40px;
}