main.portfolio{font-family:Roboto,sans-serif;font-size:30px;overflow-x:hidden}main.portfolio ul{list-style:none;margin:0;padding:0}main.portfolio li{padding:5px 10px;color:#171717;border:1px solid #777;-webkit-transition:all .5s;transition:all .5s;white-space:nowrap}main.portfolio li a{color:inherit;text-decoration:none}main.portfolio li img,main.portfolio li span{display:inline-block;vertical-align:middle}main.portfolio li span{padding-left:30px;white-space:normal!important}main.portfolio img{-webkit-transition:all .5s;transition:all .5s}main.portfolio h1,main.portfolio h2,main.portfolio h3,main.portfolio h4,main.portfolio h5{margin:0;padding:0}main.portfolio #takora:hover{background-color:#a2ccda;color:#000}main.portfolio #spartacus:hover{background-color:#333;color:#ffd966}main.portfolio #twinks:hover{background-color:#ef4ce3;color:#fff}main.portfolio #bunty:hover{background-color:#00cb6b;color:#fff}main.portfolio #bryony:hover{background-color:#0f0d3e;color:#e6e6e4}@media (max-width:1000px){main.portfolio{font-size:24px}main.portfolio img{width:240px}}@media (max-width:600px){main.portfolio{font-size:22px}main.portfolio li img{display:block;margin:auto;width:auto;max-width:100%}main.portfolio li span{display:block;text-align:center;padding-left:0;width:100%}}@media (max-width:480px){main.portfolio{font-size:18px}}