@font-face{font-display:swap;font-family:Mori;src:url(PPMori-Regular.woff2) format("woff2")}
@font-face{font-display:swap;font-family:Air;src:url(PPAir-Medium.woff2) format("woff2")}
@font-face{font-display:swap;font-weight:bold;font-family:Air;src:url(PPAir-SemiBold.woff2) format("woff2")}

body { font-family: 'Mori', Verdana, Helvetica, sans-serif; line-height: 1.4; font-size: 0.875rem; margin: 30vh 0; }
h1 { font-family: 'Air', Verdana, Helvetica, sans-serif; font-weight: 400; font-size: 2.25rem; }

header .wrapper { display: block; width: 80%; margin: 20px auto 0; }
header .intro { display: block; width: 80%; margin: 20px auto 0; }
header .intro span a { color: rgba(0,0,0,0.6); text-decoration: none; }
header .intro span a:hover { color: rgba(0,0,0,1); }

header #copyright,
header #company { display: block; width: 80%; margin: 40px auto 0; font-size: 0.75rem; color: #ccc; text-align: left; }
header #copyright a { color: #ccc; border-bottom-color: #ccc; }

@media screen and (min-width: 786px) { 
	header .wrapper,
	header .intro,
	header #copyright,
	header #company { width: 56%; }
	h1 { font-size: 4rem; }
}