#portfolio p {
     color: grey;
     font-size: 12px;
     font-weight: 200;
}
 .content {
     width: 100%;
     margin:0;
     padding: 0;
     text-align: center;
}
 .filters {
     width: 100%;
     text-align: center;
}
 .prot {
     display: inline;
     padding: 1% 2%;
     font-size: 14px;
     color: #444;
     font-weight: 400;
     cursor: pointer;
     text-transform: uppercase;
     letter-spacing: .1em;
}
 .prot:hover {
     color: #a6a6a6;
}
 .prot.active {
     color: #fbf9f9;
     background:#e5310e;
}
 .grid{
     margin:50px 20px 0px 20px;
}
 .grid-sizer, .grid-item {
     width: 33.333%;
}
 .grid-item {
     float: left;
}
 .grid-item img {
     display: block;
     max-width: 100%;
}
 @media (max-width:768px){
     .grid-sizer, .grid-item {
         width:100% !important;
    }
}
 @media (max-width:1200px){
     .grid-sizer, .grid-item {
         width:50%;
    }
}