@charset "utf-8";
/* CSS Document */

.gallery_container {
  position: relative;
  width: 100%;
}

.gallery_image {
  display: block;
  width: 100%;
}

.gallery_overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .7s ease;
  background: rgba(62, 62, 62, .8);
}

.gallery_container:hover .gallery_overlay {
  opacity: 1;
}

.gallery_text {
  font-family: 'Roboto', Futura, Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 1em; line-height: 1.913em; letter-spacing: 0.200em; text-align: center;  color: #ffffff;
  position: absolute;
  top: 80%;
  right: 0.125em;
  transform: translate(-5%, -20%);
  -ms-transform: translate(-5%, -20%);
  transition: top .7s ease;
}

.gallery_container:hover .gallery_text {
  top: 50%;
}

h1.title-page {font-family: 'Lora', Georgia, Times New Roman, Times, serif; font-size: 2.500em; margin-top: 0.000em; margin-bottom: 0.000em; margin-left: 0; margin-right: 0em; font-weight: 400; letter-spacing: 0.015em; font-style: normal; color: #ffffff; padding-bottom: 0.125em; font-style: italic; line-height: 1.250em; text-align:right;
}

h2.title-page {font-family: 'Roboto', Futura, Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1em; margin-top: 1.33em; margin-bottom: 0em; margin-left: 0; margin-right: 0em; font-weight: 400; letter-spacing: 0.015em; font-style: normal; color: #ffffff; line-height: 1.113em; padding-bottom: 0.125em; text-align:right;
}

a.ex1:link {font-family: 'Roboto', Futura, Helvetica Neue, Helvetica, Arial, sans-serif;  font-weight: 500; list-style-type: none; text-decoration: none; color: #ffffff; text-align: center;
}

a.ex1:visited {list-style-type: none; text-decoration: none; color: #ffffff; font-family: 'Roboto', Futura, Helvetica Neue, Helvetica, Arial, sans-serif;  font-weight: 500; text-align: center;
}

a.ex1:hover {list-style-type: none; text-decoration: none; color: #808080 font-family: 'Roboto', Futura, Helvetica Neue, Helvetica, Arial, sans-serif;  font-weight: 500; text-align: center;
}

a.ex1:active {list-style-type: none; text-decoration: none; color: #ffffff; font-family: 'Roboto', Futura, Helvetica Neue, Helvetica, Arial, sans-serif;  font-weight: 500; text-align: center;
}

@media only screen and (max-width: 1023px) {
}

@media handheld, only screen and (max-width: 767px) {

.gallery_container:hover .gallery_text {
  top: 50%;
}

h1.title-page {font-family: 'Lora', Georgia, Times New Roman, Times, serif; font-size: 1.650em; margin-top: 0.000em; margin-bottom: 0.000em; margin-left: 0; margin-right: 0em; font-weight: 400; letter-spacing: 0.015em; font-style: normal; color: #ffffff; padding-bottom: 0.125em; font-style: italic; line-height: 1.250em; text-align:right;
}

h2.title-page {font-family: 'Roboto', Futura, Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 1em; margin-top: 1.33em; margin-bottom: 0em; margin-left: 0; margin-right: 0em; font-weight: 400; letter-spacing: 0.015em; font-style: normal; color: #ffffff; line-height: 1.113em; padding-bottom: 0.125em; text-align:right;
}

}

@media handheld, only screen and (max-width: 480px) {

.gallery_container:hover .gallery_text {
  top: 50%;
}

h1.title-page {font-family: 'Lora', Georgia, Times New Roman, Times, serif; font-size: 1.250em; margin-top: 0.000em; margin-bottom: 0.000em; margin-left: 0; margin-right: 0em; font-weight: 400; letter-spacing: 0.015em; font-style: normal; color: #ffffff; padding-bottom: 0.000em; font-style: italic; line-height: 1.200em; text-align:right;
}

h2.title-page {font-family: 'Roboto', Futura, Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 0.750em; margin-top: 1.33em; margin-bottom: 0em; margin-left: 0; margin-right: 0em; font-weight: 400; letter-spacing: 0.015em; font-style: normal; color: #ffffff; line-height: 1.113em; padding-bottom: 0.125em; text-align:right;
}
	
}