    * {box-sizing: border-box;}
	
	body {background: #f6f6f6 url(../images/content/bg01.jpg) top left repeat;
	color: #4d4d4d;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	text-align: center}
	
	@font-face {font-family: texto3;
    src: url(../fonts/AntiqueRoman.ttf)}
	
	@font-face {font-family: texto2;
    src: url(../fonts/romana.ttf)}

	@font-face {font-family: italica;
    src: url(../fonts/antique-italic.ttf)}
	
	@font-face {font-family: gothic;
    src: url(../fonts/1454Gutenberg.ttf)}

	
	#nav {background: #f6f6f6 url(../images/content/bg03.jpg) top left repeat;
	padding-top: 1px;	
	padding-bottom: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
	border-top: gray solid 1px;
	border-bottom: gray solid 1px;
	font-size: 15pt;
	font-family: texto2;
	font-weight: bold; 
	word-spacing: 0.25em;
	letter-spacing: 0.065em}
	
	.item {text-align: center;
	text-justify: inter-character;
	font-family: texto3;
	font-size: 22pt;	
	font-weight: normal;
	font-variant: small-caps;
	line-height: 1em ! important;
	word-break: break-word;
	word-spacing: -0.05em; 
	letter-spacing: 0.09em}
	
	div.content { background: #f6f6f6 url(../images/content/bg03.jpg) top left repeat;
	border: gray solid 1px;
	padding-left: 20px;	
	padding-right: 20px;	
	padding-top: 20px;	
	padding-bottom: 20px;
	width: 80%;
	height: auto;
	text-align: center;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	white-space: normal}
	
	p {width: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	white-space: normal;
	text-align: left;
	text-justify: inter-character;
	font-family: texto3;
	font-size: 30pt ! important;	
	font-weight: normal;
	line-height: 28pt ! important;
	word-break: break-word;
	word-spacing: -0.1em;
	letter-spacing: 0.02em}
	
	.accent {width: auto;
	height: auto;
	font-family: gothic;
	line-height: 1.25em ! important;
	word-spacing: 0.15em;
	font-size: 30pt;
	letter-spacing: 0.01em;
	color: #000000;
	text-align: center}
	
	em {color: #4b2525;
	font-style: normal}
	
	img.cap {float: left; padding-right: 0.5em ! important}
	
	.gallery {background-color: #f6f6f6;
	border: solid gray 1px;
	padding: 20px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-bottom: 80px}
	
	.container {text-align: center;	padding: 10px 20px}
	
	small {font-family: texto3; 
	font-size: 14pt; 
	font-weight: 500;
	word-spacing: -0.1em;
	letter-spacing: 0.02em; 
	color: #b6b6b6}
	
	h1 {white-space: normal;
	font-size: 18pt;  
	font-family: texto2; 
	font-variant: small-caps;
	font-weight: bold;
	word-spacing: 0.5em;
	line-height: 1.5em ! important;
	letter-spacing: 0.25em}
	
	h2 {white-space: normal;
	font-size: 16pt;  
	font-family: texto2; 
	font-variant: small-caps;
	font-weight: bold;
	word-spacing: 0.5em;
	line-height: 1.75em ! important;
	letter-spacing: 0.25em}
	
	h3 {white-space: normal;
	font-size: 14pt;  
	font-family: texto2; 
	font-variant: small-caps;
	font-weight: bold;
	word-spacing: 0.5em;
	line-height: 1.5em ! important;
	letter-spacing: 0.25em}
	

	a:link { color:#4d4d4d; text-decoration: none}
	
	a:visited { color:#4d4d4d; text-decoration: none}
	
	a:active { color:#4d4d4d; text-decoration: none}
	
	a:hover { color:#923030; text-decoration: none}
	
	
	.button {border: #d3d3d3 solid 2px;
	padding-left: 10px;	
	padding-right: 10px;	
	padding-top: 8px;	
	padding-bottom: 8px;
	width: auto;
	height: auto;
	text-align: center;
	margin-top: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	white-space: normal;
	font-size: 14pt;  
	font-family: texto2; 
	font-variant: small-caps;
	font-weight: bold;
	word-spacing: 0.5em;
	letter-spacing: 0.25em} 
	
	hr {display: block;
	padding-top: 0px;	
	padding-bottom: 0px;
	margin-top: 10px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-width: 1px;
	height: auto;
	width: 50%} 
	
	.dropbtn {
  background: #f6f6f6 url(../images/content/bg03.jpg) top left repeat;
  color: #4d4d4d;
  font-size: 15pt;
  font-family: texto2;
  font-weight: bold; 
  word-spacing: -0.25em;
  letter-spacing: 0.25em;
  border: none;
  cursor: pointer;
}

.gothic {font-size: 20pt;
  font-family: gothic;
  font-weight: normal;
  font-variant: normal; 
  word-spacing: 0.05em;
  letter-spacing: 0.025em;}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  min-width: 160px;
  width: 100%;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  font-size: 14pt;  
  font-family: texto2; 
  font-variant: small-caps;
  font-weight: bold;
  word-spacing: 0.12em;
  letter-spacing: 0.06em;
  text-align: left;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ffffff; color: #923030}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  color: #923030;
}

.card {
        width: 500px;
        height: 500px;
        position: relative;
        display: inline-block;
    }
    .card .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }
    .card:hover .img-top {
        display: inline;
    }