2019 08 28 word mods

sass/_font-mixins.scss

@@ -127,8 +127,12 @@
 }
 
 @mixin home-metadata-bevezeto {
-  font: bold 1rem "Butler";
-  line-height: 1rem;
+  font: 300 1rem "Westeinde Caption";
+  color: #000;
+  @media #{$tablet} {
+    font: bold 1rem "Butler";
+    line-height: 1rem;
+  }
   @media #{$smalldesktop} {
     font-size: 2rem;
     line-height: 2rem;
@@ -174,7 +178,6 @@
   }
   @media #{$smalldesktop} {
     font-size: 2rem;
-    
   }
 }
 
@@ -194,8 +197,8 @@
 
 @mixin single-h4 {
   font-weight: 500;
-  font-size: 2.4rem;
-  line-height: 1.6;
+  // font-size: 2.4rem;
+  // line-height: 1.6;
 }
 
 @mixin captiontext {
@@ -215,9 +218,14 @@
   line-height: 1.3;
 }
 
+/* ---------------------------------- event --------------------------------- */
+
 @mixin event-title {
-  font: 800 1.8rem "Butler";
+  font: 800 1.6rem "Butler";
   color: #000;
+  @media #{$bigmobile} {
+    font-size: 1.8rem;
+  }
   @media #{$tablet} {
     font-size: 2.2rem;
   }
@@ -238,13 +246,28 @@
 }
 
 @mixin event-link {
-  @include event-title();
-  font: 500 1.8rem "Westeinde Caption";
-  color: #00f;
+  font: 500 1.3rem "Westeinde Caption";
+  -webkit-text-stroke: #00f 1px;
+  color: transparent;
+  @media #{$bigmobile} {
+    font-size: 1.4rem;
+  }
+  @media #{$tablet} {
+    font-size: 1.9rem;
+  }
+  @media #{$smalldesktop} {
+    font-size: 2.8rem;
+  }
+  @media #{$bigdesktop} {
+    font-size: 2.8rem;
+  }
+  @media #{$verybigdesktop} {
+    font-size: 4rem;
+  }
 }
 
 @mixin event-arrow {
-  font: normal 2.8rem  "Westeinde Caption";
+  font: normal 2.8rem "Westeinde Caption";
   color: #000;
   @media #{$tablet} {
     font-size: 3rem;