Cerchi Responsive / Fluidi con percentuali

Responsive Circles

.circle {
  width: 20%;
  height: 0;
  padding-bottom: 20%;
  background:#f90;
  margin:2%;
  float:left;
  border-radius:50%;
}
.inner {
  padding:20%;
  min-height:20%;
}