/* Projects */
.projects-wrapper {
    padding: 20px 0;
    margin-left: -8px;
    margin-right: -8px;
    text-align: center;
}

.projects-list {
    margin: auto;
    left: 7px;
}

.project-item {
    width: 20%;
    display: block;
    margin-bottom: 15px;
    position: relative;
    box-shadow: 2px 2px 5px rgba(77, 210, 5, 0.3);
}

    .project-item img {
        width: 100%;
        height: auto;
        vertical-align: top;
    }

.filters-list {
    border: 1px solid rgba(197, 32, 56, 0.5);
    background-color: rgba(255, 255, 255, .5);
    padding: 5px;
    display: inline-block;
    text-align: center;
    margin-bottom: 25px;
}

    .filters-list li {
        font-family: sans-serif;
        display: inline-block;
        background-color: rgba(255, 255, 255, .75);
        padding: 10px;
        border: 1px solid #ddd;
        cursor: pointer;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

        .filters-list li:hover,
        .filters-list li.active {
            background-color: rgba(255, 255, 255, 1);
            border-color: #000;
        }