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


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

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

body {
	font-family: "ACaslonPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	/* 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, h4, h5, h6, { font-family: "ACaslonPro-Regular"; }

strong {font-family: "ACaslonPro-Bold";}

em {font-family: "ACaslonPro-Italic";}


body {
	font-family: 
	background-color: "lightblue";
}

.wrapper { 
	width: 80%; 
	max-width: 900px; 
	margin-left: auto; margin-right: auto; 
}

#mobile {
	display: block;
}

#desktop {
	display: none;
}


@media screen and (min-device-width: 500px) {
	
	body {
		background-color: "green";
	}

	#mobile {
		display: none;
	}

	#desktop {
		display: block;
	}
}