nav.breadcrumbs {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 8px 0;
  border-bottom: 1px solid;
  list-style: none;
  /* Dont use this clearfix unless you really have to, rather enter the class in the markup if possible. At least group your selector so we dont bloat the code */
  zoom: 1;
}
nav.breadcrumbs:before,
nav.breadcrumbs:after {
  content: "";
  display: table;
}
nav.breadcrumbs:after {
  clear: both;
}
nav.breadcrumbs span {
  float: left;
  margin: 5px 0 5px 2px;
}
nav.breadcrumbs ul {
  float: left;
  padding: 0;
  margin: 5px 0;
  list-style: none;
}
nav.breadcrumbs ul li {
  float: left;
  padding-left: 4px;
}
nav.breadcrumbs ul li:after {
  content: '›';
  padding-left: 4px;
}
nav.breadcrumbs ul li.active-crumb:after {
  content: initial;
}