.container{width:100%;padding:1em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*behavior:url(/scripts/boxsizing.htc)}
.row{ float:left; margin-top:30px;}
.col{width:179px; margin-bottom:20px; margin-right:17px; float:left}
.color .swatch,.color h3{display:block;float:left;height:50px;width:50%;border:1px solid #e6e6e6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*behavior:url(/scripts/boxsizing.htc)}
.color .swatch{height:140px;width:100%;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;border-top-left-radius:8px;border-top-right-radius:8px}
.color h3{font-family:SourceSansPro-Regular;font-size:0.9em;padding:.5em 1em;margin-bottom:0;background:#fafafa}
.color h3{width:100%;height:auto;border-top:0;padding:.5em;font-size:.8em}
.color h3 .html,.color h3 .rgb{display:block}
.color h3 .html b,.color h3 .rgb b{display:block;float:left;width:35%;padding-right:.25em;color:#333;font-weight:bold;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*behavior:url(/scripts/boxsizing.htc)}

.color h3 .html span,.color h3 .rgb span{float:left;padding-right:.25em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*behavior:url(/scripts/boxsizing.htc)}