.thumb {

  max-height: 171px;

  border: solid 6px rgba(244,250,212,1.00);

}

 

.lightbox {

  position: fixed;

  z-index: 999;

  height: 0;

  width: 0;

  text-align: center;

  top: 0;

  left: 0;

  background: #302b28;
  opacity: 0;

}

 

.lightbox img {

  max-width: 90%;

  max-height: 80%;

  margin-top: 2%;

  opacity: 0;

}

 

.lightbox:target {

  /** Remove default browser outline */

  outline: none;

  width: 100%;

  height: 100%;

  opacity: 1 !important;

}

 

.lightbox:target img {

  border: solid 8px rgba(244,250,212,1.00);

  opacity: 1;

  webkit-transition: opacity 0.6s;

  transition: opacity 0.6s;

}

 

.light-btn {

  color:rgba(244,250,212,1.00);

  background-color:#302b28;

  border: solid 1px rgba(244,250,212,1.00);
  padding: 5px 15px;

  border-radius: 1px;

  text-decoration: none;

  cursor: pointer;

  vertical-align: middle;

  position: absolute;

  top: 45%;

  z-index: 99;

}
.light-btn:hover { background-color:#302b28;}

 

.btn-prev { left: 7%; }

 

.btn-next { right: 7%; }

 

.btn-close {

  position: absolute;

  right: 2%;

  top: 2%;

  color:rgba(244,250,212,1.00);
;

  background-color:#302b28;

  border: solid 1px rgba(244,250,212,1.00);

  padding: 10px 15px;

  border-radius: 1px;

  text-decoration: none;

}
 
.btn-close:hover { background-color: rgba(222,216,216,1.00) }