Add new graphic

Author: Gustav Pursche

less/isl.less

@@ -1,11 +1,14 @@
 .isl {
+  margin-top: 2rem;
 
   p {
     margin: 0;
   }
 
   &_text {
     bottom: 0;
+    font-family: @base-font-sans;
+    font-size: 1.4rem;
     left: 50%;
     position: absolute;
     transform: translate( -50%, 0 );
@@ -26,6 +29,8 @@
     }
 
     .richtext_subheadline {
+      font-size: 1.8rem;
+      margin-bottom: 1rem;
       margin-top: 0;
     }
   }
@@ -59,40 +64,40 @@
   &_cow {
     bottom: -12px;
     height: auto;
-    left: -25rem;
-    width: 9rem;
+    left: -27rem;
+    width: 10rem;
   }
 
   &_well {
-    bottom: -9px;
+    bottom: -10px;
     height: auto;
     left: -14rem;
-    width: 8rem;
+    width: 9rem;
   }
 
   &_tower {
     height: auto;
-    right: -26rem;
-    bottom: -23.2rem;
-    width: 23rem;
+    right: -28rem;
+    bottom: -26.6rem;
+    width: 27rem;
   }
 }
 
 @media screen and ( max-width: 1400px ) {
   .isl {
     &_tower {
-      bottom: -18.2rem;
-      right: -16rem;
-      width: 18rem;
+      bottom: -19.75rem;
+      right: -17rem;
+      width: 20rem;
     }
 
     &_cow {
-      left: -19rem;
+      left: -16rem;
       width: 8rem;
     }
 
     &_well {
-      left: -9rem;
+      left: -5rem;
       width: 7rem;
     }
 
@@ -115,12 +120,12 @@
     }
 
     &_cow {
-      left: -16rem;
+      left: -14rem;
       width: 7rem;
     }
 
     &_well {
-      left: -7rem;
+      left: -5rem;
       width: 6rem;
     }
 
@@ -132,9 +137,13 @@
       min-height: 335px;
     }
 
+    &_text {
+      font-size: 1.2rem;
+    }
+
     &_sky-text {
       padding-bottom: 3rem;
-      padding-left: 1rem;
+      padding-left: 3rem;
       padding-right: 4rem;
     }
 
@@ -147,13 +156,17 @@
 @media screen and ( max-width: 950px ) {
   .isl {
     &_tower {
-      bottom: -12.3rem;
-      right: -11rem;
-      width: 12rem;
+      bottom: -13rem;
+      right: -11.5rem;
+      width: 13rem;
+    }
+
+    &_well {
+      left: -4rem;
     }
 
     &_cow {
-      left: -14.5rem;
+      left: -12.5rem;
     }
 
     &_sky-text {
@@ -177,6 +190,10 @@
       left: -6rem;
     }
 
+    &_sky-text {
+      padding-bottom: 1rem;
+    }
+
     &_earth-text {
       top: 4rem;
     }
@@ -227,6 +244,7 @@
 
 @media screen and ( max-width: 730px ) {
   .isl {
+    margin-top: 0;
     margin-bottom: -1rem;
 
     &_earth,
@@ -242,7 +260,8 @@
     }
 
     &_text {
-      font-size: 1.1rem;
+      font-family: @base-font;
+      font-size: 1.2rem;
       margin-left: 0;
       padding: 0 1.5rem;
       position: static;