@font-face { 
	font-family: "AkzidenzGroteskStd-Regular"; 
	src: url("../fonts/AkzidenzGroteskStd-Regular.otf");
}


@font-face { 
	font-family: "AkzidenzGroteskStd-Bold"; 
	src: url("../fonts/AkzidenzGroteskStd-Bold.otf");
}

@font-face { 
	font-family: "AkzidenzGroteskStd-LightEx"; 
	src: url("../fonts/AkzidenzGroteskStd-LightEx.otf");
}

@font-face { 
	font-family: "AkzidenzGroteskStd-Super"; 
	src: url("../fonts/AkzidenzGroteskStd-Super.otf");
}

body {
	font-family: "AkzidenzGroteskStd-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	/* you'll need to adjust line-height and letter-spacing depending on the typeface you use '*/
	line-height: 1.5;
	letter-spacing: 0.01em; 
	text-rendering: optimizeLegibility; /* improves optical kerning */
}

h1, h2, h3, h5, h6, { font-family: "AkzidenzGroteskStd-Bold"; }

strong {font-family: "AkzidenzGroteskStd-Super";}

h4 {font-family: "AkzidenzGroteskStd-LightEx";}

.wrapper { 
	width: 80%; /* using a percent-based width will allow your content to flex with the browser */
	max-width: 650px; /* set a max-width that feels appropriate to the font size */
	margin-left: auto; margin-right: auto; /* setting L & R margins to `auto` will let the browser center the .wrapper element within the viewport */
}

.small-caps { 
	text-transform: uppercase; 
	font-size: 0.75em;
}
.tracked-out { letter-spacing: 0.5em; }
.highlighted { background: chartreuse; }
.sans-serif { font-family: cursive; }
.transparent {color: gainsboro;}
.size {font-size: 24px}