*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body,ul{list-style:none;margin:0;padding:0}.diamonds{font:Avenir Light,Arial,sans-serif;font-size:0;margin:40px auto}@media only screen and (min-width:1368px){.csstransforms .diamonds{max-width:1170px}.csstransforms .diamonds>li:nth-child(3n+1){margin-left:135px}.csstransforms .diamonds>li:nth-child(4){margin-left:0px;margin-top:55px}.csstransforms .diamonds>li:nth-child(2n+3){margin-left:0}.csstransforms .diamonds>li:nth-child(n+4){margin-top:-55px}.csstransforms .diamonds>li:nth-child(8){margin-left:135px}.csstransforms .diamonds>li:nth-child(10){margin-left:0px}}@media only screen and (max-width:1367px) and (min-width:930px){.csstransforms .diamonds{max-width:730px}.csstransforms .diamonds>li:nth-child(5n+4){margin-left:135px}.csstransforms .diamonds>li:nth-child(5n+3){margin-right:0}.csstransforms .diamonds>li:nth-child(n+3){margin-top:-55px}}@media only screen and (max-width:929px) and (min-width:592px){.csstransforms .diamonds{max-width:460px}.csstransforms .diamonds>li:nth-child(3n+3){margin-left:135px}.csstransforms .diamonds>li:nth-child(3n+2){margin-right:0}.csstransforms .diamonds>li:nth-child(n+2){margin-top:-55px}}.csstransforms .diamonds{padding:39px 0}@media only screen and (max-width:591px){.csstransforms .diamonds{padding:0;text-align:center}}.no-csstransforms .diamonds{max-width:1060px}.diamonds>li{display:inline-block;font-size:18px;margin-right:80px}@media only screen and (max-width:591px){.diamonds>li{margin-right:0;width:160px}}.no-csstransforms .diamonds>li{margin:0 20px 20px 0}.diamonds .diamond{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;background:#f1f0f0;color:#000;display:block;height:190px;overflow:hidden;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;-o-perspective:1000;perspective:1000;position:relative;text-decoration:none;width:190px;border:2px #fff solid}.diamonds .diamond:hover{background-color:#666;color:white;border:5px #8eb230 solid}.csstransforms .diamonds .diamond{overflow:hidden;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}@media only screen and (max-width:591px){.csstransforms .diamonds .diamond{height:160px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);width:160px}}.diamonds .content{display:table-cell;height:190px;padding:0 10px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);text-align:center;vertical-align:middle;width:190px;font-family:Avenir Light,Arial,sans-serif;font-weight:normal;font-size:16px}.diamonds .content img{padding-bottom:5px}@media only screen and (max-width:591px){.csstransforms .diamonds .content{height:160px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);width:160px}}