diff --git a/static/style.css b/static/style.css
index f1686e3822049d73a119f464b8b3cde25a6dffcf..c7e3f765ab02ecdc1875587cd1a2c269534c8b64 100644
--- a/static/style.css
+++ b/static/style.css
@@ -35,6 +35,9 @@ body {
 html:focus-within {
   scroll-behavior: smooth;
 }
+.row{
+  max-width: 100%;
+}
 
 
 .contrast-mode {
@@ -248,7 +251,7 @@ svg{
   background:transparent
 }
 svg text{
-  font-size: 4rem;
+  font-size: 7vw;
   stroke-width:2px;
   fill:var(--highlight);
   stroke:var(--darkpurple);
@@ -399,10 +402,9 @@ a:hover { color: var(--highlight); text-decoration: underline; }
   box-shadow: 5px 5px 15px gray;
   border-radius: 2rem;
   padding: 0 !important;
-  max-width: 110px;
-  max-height: 140px;
-  margin-left: 10px;
-  margin-right: 10px;
+  max-width: 12%;
+  aspect-ratio: 2 / 3; 
+  margin-left: 1vw;
 }
 .village-style-button:hover{
   box-shadow: 5px 5px 15px black;
@@ -508,6 +510,27 @@ a:hover { color: var(--highlight); text-decoration: underline; }
   [class*="col-"] {
     width: 100%;
   }
+  svg text{
+    font-size: 9vw;
+    stroke-width:1px;
+  }
+  .village-style-button h3{
+    display: none !important;
+  }
+  .village-style-button{
+    box-shadow: 1px 1px 1px gray;
+    border-radius: 10px;
+    border-color: black;
+  }
+  .village-style-button:hover{
+    box-shadow: none;
+  }
+  .village-style-button img{
+    max-width: 90%;
+    max-height: 90%;
+    padding-top: 10px;
+    padding-bottom: 5px;
+  }
 }
 /*Bigger than smartphones*/
 @media only screen and (min-width: 768px) {
diff --git a/wiki/layout.html b/wiki/layout.html
index eb20ab48f42254cf17bece86d897395c55cadb2e..b6600efaf8c0ca50bc20c1b320838921cf35bc51 100644
--- a/wiki/layout.html
+++ b/wiki/layout.html
@@ -45,7 +45,7 @@
   {% block header %}{% endblock %}
   <!-- Page Content -->
   <div class="container-fluid">
-    <div class="row mt-5">
+    <div class="row ">
 
       <div class="col-2 d-none d-lg-block">
         <div class="sticky-top" style="top: 80px; overflow-wrap: break-word;">