table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }


/** page structure **/
#wrapper_images {display: block;max-width: 1100px;margin: 0 auto; margin-top: 60px;}
#portfolio {display: block;}

#portfolio li {
  display: block;
  float: left;
  width: 31%;
  max-width: 400px;
  margin-right: 20px;
  margin-bottom: 20px;
}

#portfolio li a {
  display: block;
  padding: 4px;
  background: #eee;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  

}

#portfolio li a:hover {  background: #2e2d3f; }

.mfp-title {font-size: 1.2em;color: #ddd !important;font-weight: 700;}
/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/** media queries **/
@media screen and (max-width: 780px) {#portfolio li {width: 45%; }}
@media screen and (max-width: 550px) {#portfolio { text-align: center;}
#portfolio li {float: none;display: inline-block;width: 80%;margin-bottom: 30px;}}