@font-face {
			font-family: 'AUTHENTICSans';
			src: url('AUTHENTIC-Sans.woff2') format('woff2'),
			url('AUTHENTIC-Sans.woff') format('woff'),
			url('AUTHENTIC-Sans.otf') format('otf')
			}
			
			body {
			font-family: "AUTHENTICSans", "AUTHENTICSans-Regular", "Arial", sans-serif;
			font-size: 36pt;
			line-height: 1.1em;
			}	
			
			h1 {
			text-transform: uppercase;
			font-weight: normal;
			line-height: 1em;
			max-width: 100vw;
			margin: 0 auto;
			text-align: center;
			color: #ff4100;
			padding:10vh 0vh 80vh 0vh;
			}	
			
			a {
			color: #000;
			text-decoration: none;
			}
			
			
		<!--adds symbol after every link-->
			a:after {
			content: "↗︎";
			font-size: .8em;
			}
			
			footer p a:after {
			content: "";
			}
			
			a:hover {
			color: #ff5e0d;
			}
			
			ol li span {
			color: #ff4100;
			}
			
			ol {
			padding-left: 0px;
			max-width: 90%;
			margin: 0 auto;
			}
			
			ol li {
			margin-bottom: .5em;
			padding-bottom: .25em;
			}
			
			small {
			display: block;
			font-size: .8em;
			}
			
			@media only screen and (max-width: 790px) {	
			body {
			font-size: 28pt;
			}
			}
			
			@media only screen and (max-width: 630px) {	
			body {
			font-size: 22pt;
			}
			
			@media only screen and (max-width: 495px) {	
			body {
			font-size: 18pt;
			}
	
			@media only screen and (max-width: 420px) {	
			body {
			font-size: 14pt;
			}