/*/////////////////////////////////////////*/
/* G A L L E R Y */
ul#gallery 
{
  overflow:hidden;

}



ul#gallery li:target 
{
  max-height:95vh;
  width:auto;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:10;
  padding:10px;


}
ul#gallery li a img
{
 margin:0px 0 0px 0!Important;

}

ul#gallery li:last-child a img
{
 margin:0px 0 0px 0!Important;
 padding:0px!Important;

}



ul#gallery li 
{

  margin:0 0px 15px 0px!Important;


}




ul#gallery li a  img
{

margin:0 0px 0px 0px!Important;


}

ul#gallery li div.caption
{

  color:black;
  font-size:0.8rem;
  font-weight: 100;
  line-height:1rem;
  min-height:2rem;


}


ul#gallery li:target  div.caption
{

  color:black;
  font-size:0.6rem;
  font-weight: 100;
  position:fixed;
  bottom:10px;
  right:20px;
  display:none;




}


ul#gallery li:target div.caption
{


  position:fixed;
 display:block;
 bottom:10px;
 right:10px;




}





ul#gallery li:target img 
{

  position:fixed;
  max-height:90%;
  width:auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  margin: 0% auto;
  padding:5px;




}


ul#gallery li:target a.background-lightbox
{

    background-color:white;
    display:block;


}

ul#gallery li a.background-lightbox
{
  min-width:100%;
  min-height:100%;
  background-color:white;
  position:fixed;
  top:0;
  left:0px;
  z-index: -1;
  display: none;


  
}



ul#gallery li:target a.gallery-nav-button
{
  background:rgba(255,255,255,0.7);
  display:block;
  right:15px;
}


a.gallery-nav-button
{
  position: fixed;
  top:20%;
  right:15px;
  z-index:70;
  padding: 0 5px 0 5px;
  overflow: hidden;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background:black;
  display:none;
}

a.gallery-nav-button:hover
{
   background:rgba(255,255,255,0.7);

}

a.gallery-nav-button-center
{
  width:50%;
  height:100%;
}

ul#gallery li:target a.gallery-nav-button-center
{
  background:none;
  position:fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0% auto;
  display:block;
  z-index:1000;
}

ul#gallery a.close
{
  display:none;
}


ul#gallery li:target a.close
{
  position:fixed;
  top: 10px;
  right: 10px;
  color:black;
  display:block;

}

ul#gallery img.only-mobile
{
  display:none;
}



/*
  
   ___   ___   ___  
  / _ \ / _ \ / _ \ 
 | (_) | | | | | | |
  \__, | | | | | | |
    / /| |_| | |_| |
   /_/  \___/ \___/ 
                    
                    



*/
                   

@media screen and (min-width: 0px) and (max-width: 900px){
ul#gallery img.only-mobile
{
  display:block;
}

ul#gallery a.gallery-image
{display:none;}


ul#gallery li  img
{

margin:0 0px 20px 0px!Important;
display:block;





}



}