@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-BoldItalic"; 
	src: url("../fonts/ACaslonPro-BoldItalic.otf");
}

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

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

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

body {
	font-family: "ACaslonPro-Regular";
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0.01em; 
	text-rendering: optimizeLegibility; 
}

h1, h2, h3, h4, h5, h6, { font-family: "ACaslonPro-Regular";
font-weight: normal; }


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


em {font-family: "ACaslonPro-BoldItalic"}


a:link { 
	text-decoration: none;
	color: black;
}

a:visited {
	text-decoration:none;
	color: black;
}

button:active {
	font-style: italic;
}

p {
	display: inline;
}




/* CLASSES
---------- */

/* to apply different styles to different pages, you can add a class name to the body. when doing this, think about what you're changing and why. the overall structure and typogrphy around your site should feel consistent. any changes or deviations should be meaningful. click around between all the pages in this site so you can see how these classes and their respective styles are being applied. */

.logo {
	width: 150px;
	padding-left: 10px;
}

.headerlogo {
	padding-top: 10px;
}


.title {
	font-size: 30pt;
}

.greyback {
	background-image: url("../images/grey.jpeg");
	background-repeat: no-repeat;
	background-size: cover;
}

.print {
	width: 400px;
	border: 1px solid black;
}

.social {
	border: 1px solid black;
}


.wrapper { 
	width: 80%; 
	max-width: 500px; 
	margin-left: auto; margin-right: auto; 
	padding-top: 10px;
}

.footer {
	padding-bottom: 30px; 
}

.smallcaps {
	font-variant: small-caps;
	font-size: 28px;
}

.break {
	font-size: 21px;
}

.nav {
	text-align: center;
	font-size: 15px;
	padding-bottom: 15px;
}

.bar {
	text-decoration: underline;
	padding-left: 5px;
	padding-right: 5px;

}



.mySlides {display:none;}