#page .gallery{
  width:100%;
  clear:both;
  padding-bottom:20px;
  position:relative;
}

#page .gallery h3{
  clear:both;
  margin:40px 20px 15px 20px;
}



.imgprevs a{
  display:block;
  padding:0px;
  padding-bottom:2px;
  background-color:#fff;
  background-color:#ddd;
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
  margin-right:2rem;
  margin-bottom:3rem;
  width:570px;
  height:440px;
  float:left;
  text-align:center;
  overflow:hidden;
  position:relative;  
  max-width:100% !important;    
}      
          
.imgprevs a:visible:nth-child(even){          
  margin-right:0;          
}    


.imgprevs a img{
  border:0px solid #999;
}

.imgprevs a img.portrait{
  max-width:100% !important;
}
.imgprevs a img.landscape,
.imgprevs a img.square{
  max-height:100% !important;
}

.imgprevs{
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
  clear:left;
  padding-top:20px;
  padding-left:0px;
  margin-right:-2rem;
}

.img .imgprevs{
  padding-top:0px;
  margin-bottom:-6px;
  overflow:hidden;
}

.gdir{
text-align:center;
float:left;
width:104px;
height:140px;
padding-bottom:6px;
}

.gdirs{
clear:both;
width:1000px;
}

.gdir .foldername{
  font-size:.7em;
  color:#55a;
}



.thumbnail .ihead,
.thumbnail .idesc{
  position: absolute;
  opacity:.99;
  background: #fff;
  color: #555;
  border: 1px solid #aaa;
}


.thumbnail .ihead{
  top:15px;
  left:0px;
  padding:.5rem .9rem;
  border-top-right-radius:1.2rem;
  border-bottom-right-radius:1.2rem;
  /*
  border-radius:1.2rem;
  */
  font-weight:bold;
  font-size:1.1rem;
  background: #eee;
  color: #208acb;
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 0 5px 5px #fff;
  box-shadow: 0 0 1px 3px #fff;  
}

.thumbnail .idesc{
  opacity:.95;
  bottom:1rem;
  right:0px;
  padding:2%;
  right:0;
  border-top-left-radius:1rem;
  border-bottom-left-radius:1rem;
  text-align:right;
  max-width:90%;
  -webkit-box-shadow: 0 0 5px 5px #eff;
  box-shadow: 0 0 1px 3px #eff;  
  /*
  border-radius:.4rem;
  border-left:0;
  border-right:0;
  background: #111;
  color: #ccc;
  */
}


@media only screen and (max-width: 600px) {
  .imgprevs,.gallery{
    width:100%;
    margin:0;
  }            
  .imgprevs a{            
    width:100%;            
    height:auto;
    margin-left:0;      
    margin-right:0;
    border:0;
    border-top:1px solid #bbb;
    margin-bottom:5rem;
    overflow: visible;
  }
  .imgprevs a img{            
    width:100%;            
    height:auto;      
  }
  
  .thumbnail .ihead{
    font-size:1rem;
  }
  .thumbnail .idesc{
    right:0px;
    padding:2%;
    text-align:center;
    border-radius:0;  
    max-width:96%;    
    width:96%;    
    border:0;    
    border-bottom:1px solid #aaa;    
    border-right:0;    
    bottom:0;  
    font-size:1rem;
    position:relative;
    top:-2px;
    -webkit-box-shadow: none;
    box-shadow: none;
        
    /*
    -webkit-box-shadow: 0 3px 3px 0px #ccc;
    box-shadow: 0 3px 3px 0px #ccc;  
    */
  }
  
}