#portfolio {
    display: block;
}
#portfolio li {
    display: block;
}
#portfolio li a {
    background: none repeat scroll 0 0 #fff;
    border-radius: 2px;
    box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.25);
    display: block;
    padding: 8px;
}
.mfp-title {
    color: #ddd !important;
    font-size: 1.2em;
    font-weight: 700;
}
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
@media screen and (max-width: 780px) {
#portfolio li {
    width: 45%;
}
}
@media screen and (max-width: 550px) {
#portfolio {
    text-align: center;
}
#portfolio li {
    display: inline-block;
    float: none;
    margin-bottom: 30px;
    width: 80%;
}
}