@orange: #d55316; .one_half{ width:48%; } .one_third{ width:30.66%; } .two_third{ width:65.33%; } .one_fourth{ width:22%; } .three_fourth{ width:74%; } .one_fifth{ width:16.8%; } .two_fifth{ width:37.6%; } .three_fifth{ width:58.4%; } .four_fifth{ width:78.2%; } .one_sixth{ width:13.33%; } .five_sixth{ width:82.67%; } .one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; } .last{ margin-right:0 !important; clear:right; } .clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;} .clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both;}.clearfix{zoom:1;} .add-brackets(@fontsize:24px){ span{ display: inline; } span.enclosed{ color: #000; padding: 1px 6px 0; text-transform: uppercase; letter-spacing: 2px; } span.open, span.close{ font-family: 'Unna'; font-size: @fontsize; color: @orange; } } h2.bracket{ .clearfix; padding-bottom: 20px; .add-brackets(0.9em); span.enclosed{ font-size: 0.8em; } }