changes on introduction and fix color on logo mobile

app/assets/scss/modules/_site-header.scss

@@ -159,7 +159,7 @@
 
 		&--orange-bg {
 			transition: all .3s ease-out;
-			background-color: $myOrange;
+			background-color: orange;
 			transform: translateX(-50%) scale(.8);
 		}
 

app/index.html

@@ -244,8 +244,9 @@
         <h2 class="modal__title">Join <strong>Biobulkbende</strong></h2>
         <div class="wrapper">
           <p class="modal__description">
-            Shoot us an email at
-            <a href="mailto: info@biobulkbende.org">info@biobulkbende.org</a> if you want to join the introduction.
+            Due to COVID-19 restrictions the introduction is currently held online at 8pm at this link <a href="http://meet.jit.si/bbb_introduction" target="_blank">http://meet.jit.si/bbb_introduction</a>.
+            For any questions shoot us an email at
+            <a href="mailto: info@biobulkbende.org">info@biobulkbende.org</a>.
           </p>
         </div>
 

app/temp/styles/style.css

@@ -467,7 +467,7 @@ a {
       background-color: rgba(0, 0, 0, 0.7); }
     .site-header__logo--orange-bg {
       transition: all .3s ease-out;
-      background-color: #FF9F2F;
+      background-color: orange;
       transform: translateX(-50%) scale(0.8); }
     @media (min-width: 800px) {
       .site-header__logo {
@@ -663,7 +663,7 @@ a {
     margin-bottom: 70px; }
     @media (min-width: 800px) {
       .page-section--b-margin {
-        margin-bottom: -140px; } }
+        margin-bottom: -155px; } }
   .page-section--red {
     background-color: #d23b2d;
     color: #fff; }
@@ -728,7 +728,8 @@ a {
       .row--large-only {
         display: inline-block; } }
   .row--gutters {
-    margin-right: -60px; }
+    margin-right: -60px;
+    margin-bottom: 15px; }
   .row--gutters > div {
     padding-right: 60px; }
   @media (min-width: 1200px) {
@@ -800,7 +801,7 @@ a {
       padding-bottom: 59%; } }
   @media (min-width: 1200px) {
     .video-container {
-      padding-bottom: 56.25%;
+      padding-bottom: 55.7%;
       margin-right: 0px;
       margin-left: 0px; } }
 
@@ -923,7 +924,7 @@ a {
     @media (min-width: 1200px) {
       .arrow--about {
         position: relative;
-        bottom: -60px;
+        bottom: -55px;
         left: 50%;
         transform: translateX(-50%); } }
   .arrow--how-it-works-1 {