.fadework {
  -webkit-animation: 1s ease 0s normal forwards 1 fadein;
  animation: 1s ease 0s normal forwards 1 fadein;
}

@keyframes fadein{
  0% { opacity:0; }
  66% { opacity:1; }
  100% { opacity:1; }
}

@-webkit-keyframes fadein{
  0% { opacity:0; }
  66% { opacity:1; }
  100% { opacity:1; }
}
body {
  background: #FFF;
}

.my-gallery {
  width: 100%;
  float: left;
}
.my-gallery img {
  width: 100%;
  height: auto;
}
.my-gallery figure {
  display: block;
  float: left;
  margin: 0 5px 5px 0;
  width: 150px;
}
.my-gallery figcaption {
  display: none;
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffffde;
    opacity: 0;
 /*   -webkit-backface-visibility: hidden; */
    will-change: opacity;    
}
.pswp img {
    box-shadow: 0em 0em 2.6em rgb(0 0 0 / 20%);
}
.pswp__top-bar {
    top: 3em;
}
.my-gallery figure {
    width: 95px;
}
.large-p img {
	width: 100%;
}
.center {
	text-align:center;
}
.tumbnail-p {
	text-align: center; 
	display: table; 
	margin: 0.5em auto 0 auto;
}
#main > header {
    padding: 3.5em 0;
}
.cus-h-center {
  margin: auto 0;
}
.large-p {
  padding-top: 1em;
}
p.title {
  font-size: 75%;
  border-bottom: #ededed dotted 2px;
  padding-bottom: 1em;
}
.hrstyle {
  border-bottom: #000 none 1px ; margin: 15em 0;
}
img.filter {
  filter: invert(48%) sepia(0%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
}

#thumb span {
  background-color: #000;
}

#thumb a:hover {
  -webkit-filter: brightness(82%);
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all 0.6s ease;
  
}


/* #### Desktops #### */
@media screen and (min-width: 1024px){
  .large-p {
    text-align: center;
}
.large-p img {
    width: auto;
	max-width: 100%;
	max-height: 72vh;
}
}