misc mobile adjustments

web/src/components/blocks/pageSection.module.scss

@@ -47,8 +47,8 @@
 
 .icon {
   flex: none;
-  width: 3.4rem;
-  height: 3.4rem;
+  width: var(--size-icon-large);
+  height: var(--size-icon-large);
   background: var(--color-goldenBeige);
   border-radius: 100%;
   display: flex;

web/src/components/events/featuredEvents.module.scss

@@ -3,7 +3,7 @@
   grid-template-columns: repeat(3, 1fr);
   column-gap: var(--spacing-gap-column);
   row-gap: var(--spacing-gap-row);
-  padding-bottom: calc(var(--spacing-section-bottom)*2);
+  padding-bottom: var(--spacing-section-bottom);
 }
 
 @media (max-width: 900px) {

web/src/components/general/logo.module.scss

@@ -27,4 +27,14 @@
   &.right {
     transform: scaleX(-1);
   }
+}
+
+@media (max-width: 800px) {
+  .logo {
+    width: 10rem;
+
+    &.index {
+      width: 12rem;
+    }
+  }
 }

web/src/components/general/pig.module.scss

@@ -5,6 +5,10 @@
   svg {
     width: 100%;
   }
+
+  @media (max-width: 800px) {
+    width: 8rem;
+  }
 }
 
 .bgPigWrapper {

web/src/components/general/sectionHeader.module.scss

@@ -2,6 +2,7 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
+  flex-wrap: wrap;
 
   a {
     display: block;
@@ -17,4 +18,3 @@
     }
   }
 }
-

web/src/components/layout/footer.module.scss

@@ -58,8 +58,10 @@
 .social {
   ul {
     display: flex;
+    flex-wrap: wrap;
     grid-column: span 9;
-    gap: var(--spacing-s);
+    column-gap: var(--spacing-s);
+    row-gap: var(--spacing-xs);
   }
 }
 
@@ -111,4 +113,27 @@
   button {
     font-size: var(--font-size-caption);
   }
+}
+
+@media (max-width: 900px) {
+  .social,
+  .contact,
+  .visit {
+    grid-template-columns: 1fr;
+
+    h2 {
+      grid-column: 1 / -1;
+    }
+  }
+
+  .social ul,
+  .emails,
+  .visit >div, .visit >ul {
+    grid-column: 1 / -1;
+  }
+
+  .emails {
+    grid-template-columns: 1fr;
+  }
+
 }

web/src/components/layout/header.module.scss

@@ -235,4 +235,10 @@
 .observer {
   position: absolute;
   top: 8rem;
+}
+
+@media (max-width: 800px) {
+  .logo {
+    font-size: 1rem;
+  }
 }

web/src/components/news/newsItem.module.scss

@@ -41,14 +41,15 @@
     display: grid;
     grid-template-columns: auto 1fr;
     column-gap: 1rem;
+    --item-height: 19rem;
   }
   .image {
-    width: 10rem;
-    height: 10rem;
+    width: var(--item-height);
+    height: var(--item-height);
   }
   .text {
     padding-top: 0;
-    max-height: 10rem;
+    max-height: var(--item-height);
     overflow: hidden;
     position: relative;
     &:after {
@@ -62,4 +63,10 @@
       pointer-events: none;
     }
   }
+}
+
+@media (max-width: 500px) {
+  .newsItem {
+    --item-height: 8rem;
+  }
 }

web/src/components/venues/venueList.module.scss

@@ -4,4 +4,16 @@
   column-gap: var(--spacing-gap-column);
   row-gap: var(--spacing-gap-row);
   padding-bottom: var(--spacing-section-bottom);
+}
+
+@media (max-width: 900px) {
+  .venueList {
+    grid-template-columns: 1fr 1fr;
+  }
+}
+
+@media (max-width: 600px) {
+  .venueList {
+    grid-template-columns: 1fr;
+  }
 }