@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url(../im/raleway.woff2) format('woff2'), url(../im/raleway.woff) format('woff');
}

@font-face {
  font-family: 'Stempel Garamond Italic';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url(../im/stempelgaramonditalic.woff2) format('woff2'), url(../im/stempelgaramonditalic.woff) format('woff');
}

A:link { COLOR: #c74735; text-decoration: none } A:active { COLOR: #555555; text-decoration: none; opacity: 0.6; } A:visited { COLOR: #c74735; text-decoration: none } A:hover { COLOR: #555555; text-decoration: none; opacity: 0.6; } 

.text { line-height: 31px; font-size: 15px; font-weight: normal; letter-spacing: +0px; color: #555555; font-family: Raleway, Ubuntu, Arial, Tahoma, sans-serif; }

.text2 { line-height: 31px; font-size: 8px; font-weight: normal; letter-spacing: +2.5px; color: #777777; font-family: Raleway, Ubuntu, Arial, Tahoma, sans-serif; }

.dropdowntext { line-height: 18px; font-size: 13px; font-weight: normal; letter-spacing: +1.0px; color: #777777; font-family: Raleway, Ubuntu, Arial, Tahoma, sans-serif; }

.h1 { line-height: 31px; font-size: 18px; font-weight: normal; letter-spacing: +0px; color: #666666; font-family: "Stempel Garamond Italic", Garamond, Georgia, Times, "Book Antiqua", serif; } 

.h2 { line-height: 44px; font-size: 18px; font-weight: normal; letter-spacing: +12.0px; color: #dfdfdf; font-family: Raleway, Ubuntu, Arial, Tahoma, sans-serif; }

.h3 { line-height: 31px; font-size: 13.5px; font-weight: normal; letter-spacing: +3.0px; color: #666666; font-family: Raleway, Ubuntu, Arial, Tahoma, sans-serif; }

.h4 { line-height: 31px; font-size: 17px; font-weight: normal; letter-spacing: +1.5px; color: #c74735; font-family: Raleway, Ubuntu, Arial, Tahoma, sans-serif; }

.cover {
 width: 45%;
 max-width: 200px;
 padding: 0px;
 margin-top: 9px;
 margin-left: 0px;
 margin-right: 7%;
 margin-bottom: 5%;
 background-color: #f3f3f3;
 display: inline-block;
 float: left;
 box-shadow: 6px 6px 10px 0px #C0C0C0;
 border-radius: 5px 5px 5px 5px;
}

.photo {
 width: 45%;
 max-width: 135px;
 padding: 0px;
 margin-top: 9px;
 margin-left: 0px;
 margin-right: 7%;
 margin-bottom: 5%;
 background-color: #f3f3f3;
 display: inline-block;
 float: left;
 box-shadow: 4px 4px 8px 0px #C0C0C0;
 border-radius: 5px 5px 5px 5px;
}

.photo2 {
 width: 45%;
 max-width: 160px;
 padding: 0px;
 margin-top: 9px;
 margin-left: 0px;
 margin-right: 7%;
 margin-bottom: 5%;
 background-color: #f3f3f3;
 display: inline-block;
 float: left;
 box-shadow: 6px 6px 10px 0px #C0C0C0;
 border-radius: 5px 5px 5px 5px;
}

.photo-index {
 width: 88%;
 padding: 6%;
 margin-top: 8px;
 background-color: #f9f9f9;
 border-bottom: 1px solid #E0E0E0;
 border-right: 1px solid #E0E0E0;
 border-left: 1px solid #E0E0E0;
 border-top: 1px solid #E0E0E0;
 border-radius: 3px 3px 3px 3px;
 display: inline-block;
}

.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  margin-left: 0px;
  width: 75%;
  max-width: 795px;
  overflow: auto;
  background-color: #ffffff;
  opacity: 0.90;
}

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

.dropdown-content a {
  display: block;
  color: #666666;
  padding: 0px;
  text-decoration: none;
  margin-top: 13px;
  margin-left: 0px;
  margin-right: 30px;
}

.dropdown-content a:hover {
  color: #666666;
  background-color: #FFFFFF;
  text-decoration: none;
  opacity: 0.6;
}