input, textarea { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }
/** page structure **/

#portfolio { display: block; padding: 0; }
#portfolio li { display: block; float: left; width: 7%; max-width: 400px; margin-right:21px; margin-bottom: 20px;/* min-height: 230px;*/ }
#portfolio li a { display: block; padding: 8px; background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.25); -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.25); box-shadow: 1px 2px 2px rgba(0,0,0,0.25); }
#portfolio1 { display: block; padding: 0; }
#portfolio1 li { display: block; float: left; width: 7%; max-width: 400px; margin-right:21px; margin-bottom: 20px;/* min-height: 230px;*/ }
#portfolio1 li a { display: block; padding: 8px; background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.25); -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.25); box-shadow: 1px 2px 2px rgba(0,0,0,0.25); }
.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; }


/** 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; }
}