Merge branch https://github.com/cubedro/eth-netstats/pull/331

src/css/style.css

@@ -4,7 +4,6 @@ html {
 
 body {
 	width: 100%;
-	min-width: 1900px;
 	font-smooth: auto;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
@@ -183,9 +182,9 @@ span.small-title span.small {
 }
 
 .big-info.chart .big-details {
-	display: block;
-	position: absolute;
+	display: table;
 	top: 40px;
+	margin: 0 auto;
 }
 
 .big-info.chart {
@@ -202,6 +201,8 @@ span.small-title span.small {
 	width: 288px;
 	padding-top: 6px;
 	margin-left: -2px;
+	display: table;
+	margin: 0 auto;
 }
 
 .blocks-holder {
@@ -502,3 +503,51 @@ svg .axis text {
 svg .y.axis .tick:first-child text {
 	opacity: 0;
 }
+
+@media (max-width: 768px) {
+	.container-fluid {
+		padding-left: 5px;
+		padding-right: 5px;
+	}
+
+	.big-info .icon-full-width i {
+		width: 75px;
+		height: 67px;
+		font-size: 67px;
+		margin-left: -25px;
+	}
+
+	.big-info .big-details-holder {
+		left: 75px;
+	}
+
+	.big-info .big-details {
+		font-size: 35px;
+	}
+
+	.blocks-holder div.small-title-miner {
+		font-family: inherit;
+		font-size: 11px;
+		letter-spacing: -.5px;
+	}
+
+	.blocks-holder {
+		width: 100%;
+	}
+
+	.big-info.chart i, .second-row .box i {
+		font-size: 18px;
+		margin-right: 0px;
+	}
+
+	.second-row .box {
+		height: 100%; /* BUG XXX */
+	}
+}
+
+
+@media (max-width: 600px) {
+	.blocks-holder div.small-title-miner {
+		font-size: 10px;
+	}
+}