/* CSS derived from the Copenhagen Quickstart styles */

/* Features specific styles */
h4.numbered {
  margin-top:60px;
  line-height: 36px;
  padding-bottom: 20px;
}
h4.numbered:before {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  color: white;
  font: inherit;
  text-align: center;
  background: #afafaf;
  margin-right: 20px;
  display: block;
  float: left;
}
.features-left {
  float:left;
  width:35%;
  margin:0 20px 0 0;
}
.features-left-wide {
  float:left;
  width:50%;
  margin:0 20px 0 0;
}
section.features-section {
  overflow:auto;
  margin:0 0 40px 0;
}
h4.numbered:nth-of-type(1):before {
  content:'1';
}
h4.numbered:nth-of-type(2):before {
  content:'2';
}
h4.numbered:nth-of-type(3):before {
  content:'3';
}
h4.numbered:nth-of-type(4):before {
  content:'4';
}
h4.numbered:nth-of-type(5):before {
  content:'5';
}
h4.numbered:nth-of-type(6):before {
  content:'6';
}
.results .detail {
  display: block;
}
.arrow-up, .arrow-down { width: 0; height: 0; display: inline-block;}
.arrow-up {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;

  border-bottom: 5px solid #999;
}
.arrow-down {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;

  border-top: 5px solid black;
}