/*********************/
/* Clear Fix         */
/*********************/

$content-width-max: 1124px;
$feature-width-max: 900px;

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}


.row:before,
.row:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.row:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.row {
    *zoom: 1;
}


.row, .rowalt {

  .span-15 {
    float: left;
    width: 15%;
  }
  
  .span-25 {
    float: left;
    width: 25%;
  }

  .span-50 {
    float: left;
    width: 50%;
  }

  .span-75 {
    float: left;
    width: 75%;
  }

  .span-33 {
    float: left;
    width: 33%;
  }

  .span-66 {
    float: left;
    width: 66%;
  }

  .span-10 {
    float: left;
    width: 10%;
  }
  
  .right_margin{
	  margin-right: 4em;
  }


}