/*!
 * jQuery photoWall.js v1.0.0
 * http://jeremyjcpaul.com
 * https://github.com/jeremyjcpaul/photowall
 *
 * Copyright 2013 Jeremy JC Paul
 * Released under the MIT license.
 * https://github.com/jeremyjcpaul/photowall/blob/master/MIT-LICENSE.txt
 *
 * Date: 21/11/2013
 */
.photowall { position:relative; width:100%; height:100%; margin:0 auto; max-width:1647px; }
.pw-slide-group { clear:both; }
.pw-slide { position:relative; float:left; margin:5px 0.5%; cursor:pointer; width:19%; text-align:center; }
.pw-slide .pw-image { max-height:220px; max-width: 100%;  }
.pw-slide .pw-image-desc { display:none; }
.pw-previewer { position:relative; float:left; width:99%; margin:0 0.5%; padding:50px 0; color:#EEE; background:#333; }
.pw-previewer.hide { display:none; }
.pw-previewer .pw-previewer-close { position:absolute; right:10px; top:0px; font-size:30px; font-family:Verdana, Arial, sans-serif; color:#000; }
.pw-previewer .pw-previewer-close:hover { cursor:pointer; color:#555; }
.pw-previewer .pw-image-container { float: left; width:50%; max-height: 500px; margin:0px 2% 0 2%; text-align: center;}
.pw-previewer .pw-image-container .pw-image { max-width:100%; max-height: 500px; margin:0px; }
.pw-previewer > div { float:left; width:44%; margin:0 2% 0 0; }

@media only screen and (max-width: 850px) {
  .pw-slide { width:24%; }
	.pw-previewer .pw-previewer-close { right:10px; top:0px; font-size:30px; }
	.pw-previewer .pw-image-container { float: left; width:98%; max-height: 500px; margin:0px 1%; text-align: center;}
	.pw-previewer > div { float:left; width:98%; margin:0px 1%; }
}

@media only screen and (max-width: 550px) {
  .pw-slide { width:32%; }
}

@media only screen and (max-width: 450px) {
  .pw-slide { width:49%; }
}