/* Root Variables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
:root {}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html {
	font-size: 100%;
}

body {
	font-family: 'Lora', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', serif;
	font-size: 1.25em;
	font-weight: 400;
	color: #222;
	line-height: 1.5;
}

/* 900px */
@media (max-width: 56.25em) {

	body {
		font-size: 1em;
	}

}


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@font-face {
	font-family: 'COBAISSI';
	src: url('../fonts/COBAISSI.woff2') format('woff2'),
		 url('../fonts/COBAISSI.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

h1,
h2,
h3,
h4,
h5 {
	margin: 3em 0 0.5em;
	font-family: 'COBAISSI';
	font-weight: normal;
	color: var(--color-primary);
}

h1, .h1 {
	margin-top: 0;
	font-size: 2.488em;
}

h2, .h2 {
	font-size: 2.074em;
}

h3, .h3 {
	font-size: 1.728em;
}

h4, .h4 {
	font-size: 1.44em;
}

h5, .h5 {
	font-size: 1.2em;
}

p {
	margin-top: 1em;
}

small {
	font-size: .833em;
}

/* 768px */
@media (max-width: 48em) {

	h1 {
		font-size: 2.027rem;
	}

	h2 {
		font-size: 1.802rem;
	}

	h3 {
		font-size: 1.602rem;
	}

	h4 {
		font-size: 1.424rem;
	}

	h5 {
		font-size: 1.266rem;
	}

}


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
	color: blue;
	cursor: pointer;
}

a:hover {
	color: blueviolet;
}


/* Utility Classes
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.txt-center {
	text-align: center;
}

.txt-flow > * + *:not(h1, h2, h3, h4, h5) {
	margin-top: 1em;
}

.txt-flow > *:first-child {
	margin-top: 0;
}