#filters{margin-bottom:50px;padding:0;list-style:none;text-align:center;}
#filters li{background:#ddd;margin:5px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;text-transform:uppercase;font-weight:bold;font-size:15px;display:inline-block;letter-spacing:2px;transition:all ease-in 0.1s;-webkit-transition:all ease-in 0.1s;-moz-transition:all ease-in 0.1s;-ms-transition:all ease-in 0.1s;}
#filters li span{display:block;padding:15px 30px;text-decoration:none;cursor:pointer;}
#filters li span.active, #filters li:hover{background:#c0392b;color:#fff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;font-weight:700;font-size:15px;letter-spacing:2px;}
#portfoliolist .portfolio{display:none;overflow:hidden;margin-bottom:30px;}
.portfolio img{max-width:100%;position:relative;}
@media only screen and (max-width:980px){#portfoliolist .portfolio{width:49%;}
}
@media only screen and (max-width:667px){#filters li{margin:2px;}
#filters li span{padding:10px 20px;}
#portfoliolist .portfolio{width:100%;}
}
@media only screen and (max-width:480px){#filters li{display:block;}
}