@font-face {
  font-family: Ronda-Bold;
  font-style: bold;
  src: url("/assets/fonts/RondaBold/RondaBold.woff2");
}

@font-face {
	font-family: Ronda;
	font-style: normal;
	src: url("/assets/fonts/RondaRegular/RondaRegular.woff2");
}
@font-face {
  font-family: Montreal-Bold;
  font-style: bold;
  src: url("/assets/fonts/MontrealBold/MontrealBold.woff2");
}
@font-face {
	font-family: Montreal;
	font-style: normal;
	src: url("/assets/fonts/MontrealRegular/MontrealRegular.woff2");
}
@font-face {
	font-family: RoundedBold;
	font-style: normal;
	src: url("/assets/fonts/RoundedBold/RoundedBold.woff");
}

html{
	font-family: Courier,monospace;
	xfont-family: monospace;
	font-size:14px;
	margin:5px;
	background-color: var(--page-background);
}
body{
	padding: 0 2%;
}
h1, .section-headline{
	font-family: RoundedBold, Sans-serif;
	xfont-family: Sans-serif;
	color: var(--h1-colour);
	font-size: 2rem;
	font-weight: 100;
	letter-spacing:-1px;
}
.section-headline{
	color:var(--dark-background-colour); 
	font-size: 3rem; 
	padding-top:2rem;
	text-align: left;
}
.section-marker{margin-top: 4rem; padding-top: 2rem;}

h2 {
	font-family: RoundedBold, serif;
	xfont-family: Sans-serif;
	color: var(--h2-colour);
	font-size: 1.5rem;
	font-weight: 100;
}
p{
	font-size:0.95rem;
	color: var(--copy-colour);
	margin-bottom: 1rem;
	line-height: 1.7;
}

li{
	font-size:0.95rem;
	color: var(--copy-colour);
	xmargin-bottom: 1rem;
	line-height: 1.7;
}