.lightbox {
	display: none; position: fixed; z-index: 999; background: rgba(0,0,0,0.8);
	width: 100%; height: 100%; text-align: center; top: 0; left: 0;}
.lightbox img {
	max-width: 90%; max-height: 90%; margin-top: 2%; }
.lightbox:target {
	outline: none; display: block;}
@media only screen 
and (max-width : 540px){
#galeria{
	margin-bottom: 45px;}
.thumbnail {
  width: 80%; margin: 0 auto;}}
@media only screen 
and (min-width : 541px)
and (max-width : 750px) {
.thumbnail {
  width: 50%; float: left; margin: 0;}}
@media only screen 
and (min-width : 751px)
and (max-width : 1149px) {
.thumbnail {
  width: 25%; float: left; margin: 0;}}
@media only screen 
and (min-width : 1150px){
.thumbnail {
  width: 25%; float: left; margin: 0;}}