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) {