html/style.css in sandi_meter-0.0.5 vs html/style.css in sandi_meter-0.0.6

@@ -1,54 +1,53 @@
 body {
-  width: 1200px;
+  font-family: "Gill Sans", sans-serif;
+}
+
+.container {
+  width: 960px;
   margin: 0 auto;
-  text-align: center;
 }
 
-.pie {
-  float: left;
-  width: 300px;
-  height: 300px;
+.clearfix {
+  clear: both;
 }
 
-.graph-container-row .left-graph{
-  float: left;
+.main-title {
+  font-size: 38px;
+  text-align: center;
 }
 
-.graph-container-row .right-graph{
-  float: right;
+.main-description {
+  font-size: 23px;
+  text-align: center;
 }
-.graph-container {
-  padding: 30px;
-  border: 1px solid #ccc;
-  box-shadow: 1px 1px 2px #eee;
-  margin: 10px 0;
-  position: relative;
+
+.main-footer {
+  text-align: center;
+  padding: 20px 0 30px;
 }
 
-.graph-container .label {
-  display: block;
-  position: absolute;
-  left: -1px;
-  top: -1px;
-  border: 1px solid #ccc;
-  background-color: #eeeeee;
-  padding: 3px 8px;
-  font-size: 12px;
+.main-footer a {
+  color: rgb(65, 131, 196);
 }
 
-.graph-container .caption {
-  text-align: center;
+.pie-charts-item {
+  float: left;
+  width: 25%;
 }
 
-.graph-container .graph {
-  width: 520px;
-  height: 400px;
+.plot-charts-item {
+  width: 480px;
+  float: left;
+  height: 298px;
+  margin-bottom: 40px;
 }
 
-.footer {
-  margin: 20px 0 10px 0;
+.plot-charts-item-caption {
+  font-size: 16px;
+  line-height: 18px;
+  text-align: center;
 }
 
-.clr {
-  clear: both;
+.plot-charts-item-graph {
+  height: 280px;
 }