fix some front page font and image sizes

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

@@ -19,7 +19,7 @@
   }
 
   &.medium {
-    --size-image-width: 8rem;
+    --size-image-width: 8.2rem;
     grid-template-columns: var(--size-image-width) auto;
     column-gap: .6rem;
     align-items: center;
@@ -39,7 +39,7 @@
         text-transform: uppercase;
       }
       font-family: var(--font-serif);
-      font-size: var(--font-size-caption);
+      font-size: var(--font-size-body);
     }
 
     .title {
@@ -47,7 +47,7 @@
     }
 
     .day, .dates {
-      font-size: var(--font-size-xs);
+      font-size: var(--font-size-caption);
     }
 
     .text {

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

@@ -65,7 +65,7 @@
   }
 }
 
-@media (max-width: 500px) {
+@media (max-width: 600px) {
   .newsItem {
     --item-height: 8rem;
   }