#porfolio{list-style-type:none;margin-top:30px;text-align:center;}
#porfolio li{display:inline-block;margin:0 30px 30px;width:280px;}
#porfolio h2{color:#3871C1;margin:.5em 0;}
#porfolio p:after{color:#888;content:' […]';font-size:.9em;}
#porfolio a{margin-top:1em;display:inline-block;color:#fff;text-transform:uppercase;}
@media all and (min-width:960px)
{
#porfolio{margin-left:-60px;}
#porfolio li{float:left;margin:0 0 60px 60px;}
#porfolio li:nth-child(3n+1){clear:left;}
}
@media all and (max-width:730px)
{
#porfolio li{width:100%;border-top:1px dotted #ccc;margin:0;padding:1em 0;}
}