.coloursteel{display:grid;grid-template-columns:repeat(3,1fr);column-gap:20px;row-gap:40px}.coloursteel .colour-wrapper{position:relative;width:100%;height:0;padding-top:56.25%;overflow:hidden}.coloursteel .colour-wrapper .colour{position:absolute;top:0;left:0;width:100%;height:100%;clip-path:polygon(100% 0,0 0,0 90%,100% 48%);-webkit-clip-path:polygon(100% 0,0 0,0 90%,100% 48%)}.coloursteel .colour-wrapper .content{display:flex;flex-flow:column nowrap;justify-content:flex-end;position:absolute;bottom:0;left:40px;right:40px;height:100%;clip-path:polygon(100% 42%,100% 100%,0 100%,0 73%);-webkit-clip-path:polygon(100% 42%,100% 100%,0 100%,0 73%);padding:80px 40px 20px 40px;background-color:var(--color-grey100)}.coloursteel .colour-wrapper .content .name{display:flex;margin:0}.coloursteel .colour-wrapper .content .name::before{content:"/";font-size:1.2em;margin-right:.4em;color:var(--color-primary)}@media(max-width:1150px){.coloursteel{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.coloursteel{grid-template-columns:repeat(1,1fr)}}