updates in Templates

Webserver/static/Styles/dashboard.css

@@ -1,4 +1,4 @@
-#content{
+#zones{
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     /* grid-template-rows: repeat( {{ zones|length  }} , minmax(150px, auto)); moved to content div to use jinja */
@@ -29,9 +29,10 @@
     100% {transform: scale3d(107%, 120%, 100%);}
 }
 
-.zone h3{
+.zone h4{
     padding-top: 25px;
     padding-bottom: 25px;
+    font-size: x-large;
 }
 .zone_number{
     position: absolute;
@@ -95,7 +96,7 @@ td.value{
 }
 
 @media screen and (max-width: 2050px) and (min-width: 1351px){
-    #content{
+    #zones{
         grid-template-columns: repeat(2, 1fr);
     }
     .zone:nth-child(4n){
@@ -107,7 +108,7 @@ td.value{
 }
 
 @media screen and (max-width: 1350px){
-    #content{
+    #zones{
         grid-template-columns: repeat(1, 1fr);
     }
     .zone{