body,
button,
input,
select,
textarea {
  color: #222;
  font-family: 'Muli', sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.8;
  font-size: 100%; 
}

 h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-family: 'Libre Baskerville', serif;
	line-height: 1.3;
	margin: 0 0 0.67em 0;
}

h1 {
	font-size: 2.5em; /* 40px */
}

h2 {
	font-size: 2em; /* 36px */
}

h3 {
	font-size: 1.777777778em; /* 32px */
}

h4 {
	font-size: 1.555555556em; /* 28px */
}

h5 {
	font-size: 1.333333333em; /* 24px */
}

h6 {
	font-size: 1.111111111em; /* 20px */
}

p {
  margin-bottom: 1.5em; 
}

b, strong {
  font-weight: bold; 
}

dfn, cite, em {
  font-style: italic; 
}

address {
  margin: 0 0 1.5em; 
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; 
}

code, kbd, tt, var {
  font-size: 15px;
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; 
}

mark, ins {
  background: #fff9c0;
  text-decoration: none; 
}

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline; 
}

sup {
  bottom: 1ex; 
}

sub {
  top: .5ex; 
}

small {
  font-size: 75%; 
}

big {
  font-size: 125%; 
}

blockquote, q {
	color: #222;
	font: italic 1.555555556em/1.4  'Lora', serif;
	line-height: 1.7;
	quotes: "" "";
	margin: 2em 0;
	text-align: center;
}

blockquote cite, q cite {
	color: #858585;
	font-family: 'Muli', sans-serif;
	font-style: normal;
	font-size: .5625em; /* 18/32 */
	margin-top: -1em;
} 

blockquote cite:before, q cite:before {
	content: "— ";
}

@media screen and (min-width: 1200px){
	blockquote, q {
		width: 100%;
	}
}	

/* Tables */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

table {
	background: #ccc;
	border: 1px solid #ccc;
	font-size: .888888889em;
	margin: 0 0 3.75em;
	width: 100%;
}

table th {
	padding: 21px 25px 22px 25px;
	border-top: 1px solid  #ccc;
	border-bottom: 1px solid  #ccc;
	background:  #e4e4e4;
}

table th:first-child {
	text-align: left;
	padding-left: 1.11em;
}

table tr {
	text-align: center;
	padding-left: 1.11em;
}

table td:first-child {
	text-align: left;
	padding-left: 20px;
	border-left: 0;
}

table td {
	padding: 1em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid  #ccc;
	border-left: 1px solid  #ccc;
	background: #f8f8f8;
}

table tr:last-child td {
	border-bottom: 0;
}

table tr:hover td {
	background: #f1f1f1;
}
