diff --git a/src/layouts/index.html b/src/layouts/index.html
index ab44f4d..03e833d 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -227,30 +227,6 @@
{{- partial "full-width-cta.html" . -}}
-
-
diff --git a/src/static/css/homepage.css b/src/static/css/homepage.css
index 540f974..eb47779 100644
--- a/src/static/css/homepage.css
+++ b/src/static/css/homepage.css
@@ -246,10 +246,49 @@ hr{
background-repeat: repeat;
background-size: contain; }
+ .metric-block{
+ padding: 4.185vw;
+ border: 2px solid #949494;
+ max-width: 41.741vw;
+ background-color: #1a1a1a;
+ position: relative;
+ z-index:2;
+ }
+
+ .stat-head{
+ font-size: 1.339vw;
+ }
+
+ .stat-number{
+ font-family: "pp-neue-machina", sans-serif;
+ font-size: 6.696vw;
+ margin-top: -2.232vw;
+ margin-bottom: -2.232vw;
+ }
+
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
+ .metric-block{
+ padding: 4.185vw;
+ border: 2px solid #949494;
+ max-width: 41.741vw;
+ background-color: #1a1a1a;
+ position: relative;
+ z-index:2;
+ }
+
+ .stat-head{
+ font-size: 1.339vw;
+ }
+
+ .stat-number{
+ font-family: "pp-neue-machina", sans-serif;
+ font-size: 6.696vw;
+ margin-top: -2.232vw;
+ margin-bottom: -2.232vw;
+ }
}
@@ -262,6 +301,26 @@ hr{
background-repeat: repeat;
background-size: contain; }
+ .metric-block{
+ padding: 4.185vw;
+ border: 2px solid #949494;
+ max-width: 41.741vw;
+ background-color: #1a1a1a;
+ position: relative;
+ z-index:2;
+ }
+
+ .stat-head{
+ font-size: 1.339vw;
+ }
+
+ .stat-number{
+ font-family: "pp-neue-machina", sans-serif;
+ font-size: 6.696vw;
+ margin-top: -2.232vw;
+ margin-bottom: -2.232vw;
+ }
+
}
@media only screen and (max-width: 576px) {
@@ -311,6 +370,33 @@ hr{
padding-right:7vw !important;
}
+ .statistics{
+ padding: 4vw !important;
+ }
+
+ .metric-block{
+ padding: 4.185vw;
+ border: 2px solid #949494;
+ width: 100%;
+ background-color: #1a1a1a;
+ position: relative;
+ float:none !important;
+ margin-top: 0px !important;
+ margin-bottom: 4vw !important;
+ z-index:2;
+ }
+
+ .stat-head{
+ font-size: 3vw;
+ }
+
+ .stat-number{
+ font-family: "pp-neue-machina", sans-serif;
+ font-size: 14vw;
+ margin-top: -2.232vw;
+ margin-bottom: -2.232vw;
+ }
+
}
@media only screen and (min-width: 576px) {