@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;font-family:'Roboto', sans-serif;background-color:#f2f2f2}body>ul{margin:0 0 -8px 0;display:flex;flex-wrap:wrap;flex-direction:row}@media only screen and (max-width: 1279px){body>ul{padding:8px}}@media only screen and (min-width: 1280px){body>ul{padding:16px}}body>ul>li{list-style:none;border-radius:2px;background-color:#fff;box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)}@media only screen and (min-width: 0) and (max-width: 479px){body>ul>li{width:calc(100% - 0px);margin:0 8px;margin-bottom:8px}body>ul>li:nth-child(1n+1){margin-left:0}body>ul>li:nth-child(1n+1){margin-right:0}}@media only screen and (min-width: 480px) and (max-width: 719px){body>ul>li{width:calc(50% - 4px);margin:0 4px;margin-bottom:8px}body>ul>li:nth-child(2n+1){margin-left:0}body>ul>li:nth-child(2n+2){margin-right:0}}@media only screen and (min-width: 720px) and (max-width: 959px){body>ul>li{width:calc(33.33333% - 5.33333px);margin:0 4px;margin-bottom:8px}body>ul>li:nth-child(3n+1){margin-left:0}body>ul>li:nth-child(3n+3){margin-right:0}}@media only screen and (min-width: 960px) and (max-width: 1279px){body>ul>li{width:calc(25% - 6px);margin:0 4px;margin-bottom:8px}body>ul>li:nth-child(4n+1){margin-left:0}body>ul>li:nth-child(4n+4){margin-right:0}}@media only screen and (min-width: 1280px) and (max-width: 1599px){body>ul>li{width:calc(20% - 12.8px);margin:0 8px;margin-bottom:16px}body>ul>li:nth-child(5n+1){margin-left:0}body>ul>li:nth-child(5n+5){margin-right:0}}@media only screen and (min-width: 1600px) and (max-width: 1920px){body>ul>li{width:calc(16.66667% - 13.33333px);margin:0 8px;margin-bottom:16px}body>ul>li:nth-child(6n+1){margin-left:0}body>ul>li:nth-child(6n+6){margin-right:0}}@media only screen and (min-width: 1921px) and (max-width: 2560px){body>ul>li{width:calc(12.5% - 14px);margin:0 8px;margin-bottom:16px}body>ul>li:nth-child(8n+1){margin-left:0}body>ul>li:nth-child(8n+8){margin-right:0}}@media only screen and (min-width: 2561px) and (max-width: 3840px){body>ul>li{width:calc(10% - 14.4px);margin:0 8px;margin-bottom:16px}body>ul>li:nth-child(10n+1){margin-left:0}body>ul>li:nth-child(10n+10){margin-right:0}}body>ul>li a{color:#333333;text-decoration:none;display:block}body>ul>li a header{padding:8px;color:#fff;background-color:#F44336;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}body>ul>li a img{width:100%;display:block}body>ul>li a footer{padding:8px;color:#fff;background-color:#F44336}body>ul>li a>ul{padding:24px}body>ul>li a>ul>li{max-height:88px;padding:4px 0;list-style:none;overflow:hidden}body>ul>li a>ul>li:first-of-type{padding-top:0}body>ul>li a>ul>li:last-of-type{padding-bottom:0}