svg

public/styles/css/style.css

@@ -1,3 +1,7 @@
+body {
+    font-size: 20px;
+}
+
 h1{
     padding: 40px 0px 9px 0px;
     border-bottom: 1px solid #eee;
@@ -295,7 +299,6 @@ th.dt-center, td.dt-center { text-align: center; }
 .herotitle {
     text-align: left;
     position:absolute;
-    //width:100%;
     top: 80px;
     left:50px;
     z-index: 9000;
@@ -306,39 +309,6 @@ th.dt-center, td.dt-center { text-align: center; }
     border:none;
 }
 
-.herousers {
-    position: absolute;
-    top: 100px;
-    flex-wrap: wrap;
-    left: 400px;
-    z-index: 10000;
-    display: flex;    
-}
-
-.herousers h3 {
-    width:100%;
-    padding-left:15px;
-}
-
-.herouser {
-    padding:15px;
-    width:250px; 
-    background-color: var(--colorbgbodydark);
-    margin:10px;
-    border-radius:5px;
-    text-align:center;
-}
-
-.herouser img {
-    width:80px;
-    height: 80px;
-}
-
-.herouser h4 {
-    font-size:16px;
-    margin-top:15px;
-}
-
 .heromenu {
     padding-top: 30px;
     font-size: 20px;
@@ -372,7 +342,8 @@ th.dt-center, td.dt-center { text-align: center; }
 }
 
 .herologo img {
-    max-height:200px;
+    height:200px;
+    width:200px;
     border-radius: 100%;
 }
 
@@ -382,15 +353,8 @@ th.dt-center, td.dt-center { text-align: center; }
     .slick-dots { top: 120px; left: 0px; text-align: center; width: 100%; }
     .heromenu .facatmenu {display: none;}
     .catmenu { display:none }
-    .heromenu .linkmenu {zoom:200%}
-    .herousers { top:315px; left:0px; width: 100%; justify-content: center; }
-    .herousers { text-align: center; }
-    .herousers h3{ padding-left: 0px; }
-    .herouser { width:170px}
-    .herouser img { width:50px;height:50px}
-    .herofloatmenu a {
-        font-size: 40px;
-    }
+    .heromenu .linkmenu {zoom:150%; margin-top: 10px;}
+    .herologo img { width:100px; height:100px; }
 
     .herofloatmenu .avatar {
         height: 40px;
@@ -404,7 +368,7 @@ th.dt-center, td.dt-center { text-align: center; }
 .grid-item-size-2  { width: 20%;  margin-bottom: 0%;float:left;}
 .grid-item-size-3  { width: 30%;  margin-bottom: 0%;float:left;}
 .grid-item-size-4  { width: 40%;  margin-bottom: 0%;float:left;}
-.grid-item-size-5  { width: 40%;  margin-bottom: 0%;float:left;}
+.grid-item-size-5  { width: 50%;  margin-bottom: 0%;float:left;}
 .grid-item-size-6  { width: 60%;  margin-bottom: 0%;float:left;}
 .grid-item-size-7  { width: 70%;  margin-bottom: 0%;float:left;}
 .grid-item-size-8  { width: 80%;  margin-bottom: 0%;float:left;}
@@ -412,9 +376,12 @@ th.dt-center, td.dt-center { text-align: center; }
 .grid-item-full  { width: 100%;  margin-bottom: 0%; font-size:20px;float:left; }
 .grid-item-full h1 {margin: 0; border:none; padding: 20px 0px 0px 10px; }
 .gutter-sizer  { width: 0%;float:left; }
+.member{display:flex; flex-direction: column; align-items: center;}
+.member img{border-radius:100%;width:60px; height: 60px;}
 @media (max-width: 980px) {
-    .grid-sizer { width:  50%;  margin-bottom: 0%;}
+    .grid-sizer { width:  10%;  margin-bottom: 0%;}
     .grid-item-size  { width:  50%;  margin-bottom: 0%;}
+    .grid-item-size-small-3 { width: 30%}
 }