h1,
h2,
h3,
h4,
h5,
h6 {
	color: inherit;
	font-family: inherit;
	font-weight: bold;
}

h1 {
	font-size: calc( #{$base-font-size} * 2.5);
}

h2 {
	font-size: calc( #{$base-font-size}  * 2);
}

h3 {
	font-size: calc( #{$base-font-size} * 1.75);
}

h4 {
	font-size: calc( #{$base-font-size} * 1.5);
}

h5 {
	font-size: calc( #{$base-font-size} * 1.25);
}

h6 {
	font-size: calc( #{$base-font-size} * 1.1);
}

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

figure,
img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

figure {
  > img {
    display: block;
  }
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

blockquote {
	background: $heather;
	border-radius: 4px;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  > :last-child {
    margin-bottom: 0;
  }
	p {
		display: inline-block;
		margin-top: 0.15em;
		padding-left: 24px;
		position: relative;
		width: calc(100% - 24px);
		&:before {
			color: $shark;
			content: open-quote;
			display: block;
			font-size: 3em;
			height: 100%;
			left: 0;
			line-height: 1em;
			margin-right: 0.15em;
			position: absolute;
			top: 0;
			width: 16px;
		}
	}
}

code,
pre {
  white-space: pre-wrap;
}

code,
kbd,
samp {
	font-family: $Monospace-font-family;
  padding: 1px 5px;
}

pre {
  overflow-x: hidden;
  padding: 8px 12px;
  > code {
		border: 0;
    padding-right: 0;
    padding-left: 0;
  }
}

q {
	font-style: italic;
	quotes: none;
	&:before,
	&:after {
	  content: '"';
	  font-style: normal;
	}
}

address,
em {
	font-style: italic;
}

ins {
  background: $lightning_yellow;
  padding: 0 1px;
  text-decoration: none;
}

mark {
  background: $gothic;
  font-style: italic;
  font-weight: bold;
  padding: 0 3px 0 2px;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  cursor: help;
}

dfn {
	font-style: italic;
}

div[tabindex]:focus {
	outline: 0;
}

b,
strong {
	font-weight: bold;
}

mark {
	background-color: $heather;
	color: $shark;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 0.875em;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: $small-font-size;
	table-layout: fixed;
	width: 100%;
}

th,
td {
  text-align: left;
  vertical-align: top;
}

table,
table td,
th,
tr  {
  border: 1px solid $pewter;
  padding: 5px;
}

ol,
ul {
	list-style-position: inside;
}

dt {
  color: $amazon;
  float: left;
  font-weight: bold;
	&:after {
	  content: ":";
	  padding-right: 5px;
	}
}

dd {
  margin: 0 0 5px 0;
}

abbr {
	border-bottom: none;
	cursor: help;
	position: relative;
	text-decoration: none;
	&:after {
		border-bottom: 1px dotted;
		bottom: 0;
		content: '';
		display: block;
		left: 0;
		position: absolute;
		width: 100%;
	}
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}