/* portfolio */

.portfolio-img:hover {
    opacity: .3;
    cursor: pointer;
}

/*h4 {
    color: #000;
    font-size: 24px;
    font-weight: 400;
}*/

.content {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    text-align: center;
}

.single-content img {
    display: block;
    height: 100%;
    width: 90%;
    margin: 10px auto;
}

@media screen and (min-width: 550px) {
    .single-content img {
        width: 290px;
        margin: 10px;
    }
}

.filters {
    width: 100%;
    text-align: center;
}

.filters ul {
    list-style: none;
    padding: 20px 0;
}

.filters li {
    display: inline-block;
    padding: 10px 25px;
    font-size: 14px;
    color: #636363;
    font-weight: 400;s
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .2em;
}

@media screen and (min-width: 550px) {
    .filters li {
        display: inline;
    }
}

.filters li:hover {
    color: #a6a6a6;
}

.filters li.active {
    color: #ccc;
    border: 1px solid #ccc;
    border-radius: 15px;
}

.grid {
    margin: 0 auto;
}