body {
	font-family: 'Noto Serif', serif;
	font-size:19px;
	line-height:1.5;
	color:#555555;
}

h1, h2, h3, h4, h5, h6 {
	line-height:1.2;
	padding:.5em 0;
}

h1 {
	font-size:2rem;
	text-transform:uppercase;
}

h2 {
	font-size:1.5rem;
	text-transform:uppercase;
}

h3 {
	font-size:1.3rem;
	text-transform:uppercase;
}

h4 {
	font-size:1.15rem;
}

h5 {
	font-weight:bold;
}

h6 {
	font-weight:bold;
	font-size:.9rem;
}

p {
	padding:.5em 0;
}

ul li {
	font-size:0.9em;
}

a {
	color: var(--theme_colour);
	text-decoration:none;
}
	a:hover {
		text-decoration:underline;
	}

code {
	font-size:13px;
	background:rgba(0,255,255,.3);
	clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}


figcaption {
	font-size:.9rem;
	font-weight:bold;
	text-align:center;
}

@media only screen and (min-width: 760px) {

	h1 {
		font-size:3rem;
	}

	h2 {
		font-size:2.4rem;
	}

	h3 {
		font-size:2.0rem;
	}

	h4 {
		font-size:1.6rem;
	}

}