/*firefox is stupid and doesn't honor the max-width value on images inside tables. Fuck firefox  */

@-moz-document url-prefix() { 
  .threeByThree .item img,
  .lightbox img {
     width: 100%;
  }
  
  .lightbox img{
	  max-height: auto !important;
  }
  
  
@media (max-width: 800px) {
	height: auto !important;
	max-height: auto !important;

	
}  
  
@media (min-width: 1600px) {
   .threeByThree .item img,
   .lightbox img {
     width: auto;
  } 
  
  
}
}