@font-face {
	font-family: 'special-elite';
	src: url('special-elite.ttf');
}
@font-face {
	font-family: 'gentium-basic';
	src: url('GenBkBasR.ttf');
}


p {
	font-size: 2.3em;
	color: black;
	font-family: 'gentium-basic','georgia';
	
}

a {
	color: green; 
	font-size: 1em;
	text-align: center;
	text-decoration-thickness: 2px;	
}

img {
	height: auto;
}

body {
	#C8A2C8;
	background-color: #D6BEFA;
	text-align: left;
	max-width: 900px;
	margin: auto;
	padding-left: 2em;
	padding-right: 2em;
}


h1 {
	font-size: 4em;
	text-align: center;
	color: black;
	font-family: 'gentium-basic';
	margin-bottom: 0em;
	
}

h2 {
	font-size: 3.5em;
	text-align: center;
	color: black;
	font-family: 'special-elite';
	
	
}

h3 {
	font-size: 2.75em;
	text-align: center;
	color: black;
	font-family: 'special-elite';
	font-style: italic;
	
}

h4 {
	font-size: 2.5em;
	text-align: center;
	color: black;
	font-family: 'special-elite';
	margin-bottom: 0;
	margin-top: 0.1em;
	
}

h5 {
	color: black;
	font-family: 'gentium-basic','georgia';
	font-style: italic;
	text-align: left;
	margin-top: 0.1em;
	font-size: 2.3em;
	
	
}

l {
	font-weight: bold;
	text-align: center;
	font-family: 'arial';
}

hr {
	border-top: 3px solid black;
}

SE {
	font-family: 'special-elite';
}

blurb {
	text-align: justify;
}



@media (min-width: 20em)
{
	.image-left
	{
		display: grid;
		align-items: top;
		grid-template-columns: auto auto;
		grid-gap: 25px;
		margin-left:	0em;
		margin-top: 0;
	}

	.banner
	{
		display: grid;
		align-items: center;
		grid-template-columns: auto auto auto;
		grid-gap: 0px;
		padding: 0px;
		margin-left: 4.8em;
		margin-right: 4.8em;
	}


}