diff --git a/app/assets/media/images/foodcoop.png b/app/assets/media/images/foodcoop.png
new file mode 100644
index 0000000..7eadfed
Binary files /dev/null and b/app/assets/media/images/foodcoop.png differ
diff --git a/app/assets/scss/modules/_headline.scss b/app/assets/scss/modules/_headline.scss
index 771eacb..dabbaa0 100644
--- a/app/assets/scss/modules/_headline.scss
+++ b/app/assets/scss/modules/_headline.scss
@@ -1,6 +1,10 @@
 .headline{
 	margin:auto;
 
+	&--l-margin{
+		margin-left: 55px;
+	}
+
 	&--s-width {
 		max-width: 500px;
 
diff --git a/app/assets/scss/modules/_icon.scss b/app/assets/scss/modules/_icon.scss
new file mode 100644
index 0000000..f2d6c77
--- /dev/null
+++ b/app/assets/scss/modules/_icon.scss
@@ -0,0 +1,7 @@
+.icon{
+	
+	&--foodcoop{
+		width: 255px;
+		margin-left: 60px;
+	}
+}
\ No newline at end of file
diff --git a/app/assets/scss/modules/_page-section.scss b/app/assets/scss/modules/_page-section.scss
index ab87db7..4c29ab0 100644
--- a/app/assets/scss/modules/_page-section.scss
+++ b/app/assets/scss/modules/_page-section.scss
@@ -61,9 +61,17 @@
 		left: 50%;
 		transform: translateX(-50%);
 
+		@include atSmall{
+			position: relative;
+			top: -10px;
+			margin: auto;
+			left: 0;
+			transform: translateX(0%);
+		}
+
 		@include atMedium{
 			position: relative;
-			top: 70px;
+			top: 20px;
 			margin: auto;
 			left: 0;
 			transform: translateX(0%);
diff --git a/app/assets/scss/modules/_rows.scss b/app/assets/scss/modules/_rows.scss
index ff9c47d..956c2ef 100644
--- a/app/assets/scss/modules/_rows.scss
+++ b/app/assets/scss/modules/_rows.scss
@@ -40,6 +40,11 @@
 		margin-bottom: 0rem;
 		}
 
+		&__medium-3--larger {
+			float: left;
+			width: 30%;
+		}
+
 		&__medium-4 {
 			float: left;
 			width: 33.33%;
@@ -63,6 +68,11 @@
 			width: 63%;
 		}
 
+		&__medium-9--smaller {
+			float: right;
+			width: 70%;
+		}
+
 	}
 	
 	/* Begin Equal Height Rules */
diff --git a/app/assets/scss/modules/_video-container.scss b/app/assets/scss/modules/_video-container.scss
index 0e85057..427860c 100644
--- a/app/assets/scss/modules/_video-container.scss
+++ b/app/assets/scss/modules/_video-container.scss
@@ -1,21 +1,29 @@
 .video-container {
 	position:relative;
-	padding-bottom:56.25%;
-	padding-top:30px;
+	padding-bottom:61.15%;
 	height:0;
 	overflow:hidden;
 	box-shadow: -3px 3px 10px #000000ba;
-	margin-bottom: 15px;
 	margin-right: -18px;
 	margin-left: -18px;
 
+	@include atSmall{
+		padding-bottom:60%;
+	}
+
+	@include atMedium{
+		padding-bottom:59%;
+	}
+
+
 	@include atLarge{
-		margin-right: 0px;
+	padding-bottom:56.25%;
+	margin-right: 0px;
 	margin-left: 0px;
 	}
 }
 
-.video-container iframe, .video-container object, .video-container embed {
+.video-container video{
 	position:absolute;
 	top:0;
 	left:0;
diff --git a/app/assets/scss/modules/_wrapper.scss b/app/assets/scss/modules/_wrapper.scss
index aa7a1d5..b9d9f92 100644
--- a/app/assets/scss/modules/_wrapper.scss
+++ b/app/assets/scss/modules/_wrapper.scss
@@ -9,4 +9,8 @@
 	&--medium{
 		max-width: 976px;
 	}
+
+	&--t-margins{
+		margin-top: 100px;
+	}
 }
\ No newline at end of file
diff --git a/app/assets/scss/style.scss b/app/assets/scss/style.scss
index eaf2b76..f8f9a5e 100644
--- a/app/assets/scss/style.scss
+++ b/app/assets/scss/style.scss
@@ -13,4 +13,5 @@
 @import './modules/_rows';
 @import './modules/_generic-content-container';
 @import './modules/_video-container';
+@import './modules/_icon';
 
diff --git a/app/index.html b/app/index.html
index 1ceaa4f..d9977f1 100644
--- a/app/index.html
+++ b/app/index.html
@@ -76,7 +76,10 @@
 			<div class="row row--gutters">
         		<div class="row__medium-8 row__medium-8--smaller">
         			<div class="video-container">
-						<iframe class="content--video--right" width="560" height="315" src="https://www.youtube-nocookie.com/embed/XnC3sBJRwv0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+						<video class="content--video--right" width="560" height="315" controls>
+							<source src="./assets/media/videos/bbb_video.mp4" type="video/mp4">
+							Your browser does not support the video tag.
+						</video>
 					</div>
 				</div>
 				<div class="row__medium-4 row__medium-4--larger">
@@ -93,21 +96,24 @@
 
 	<!-- HOW IT WORKS -->
 	<div id="how-it-works" class="page-section page-section--darkGreen">
-			<div class="wrapper">
-				<div class="headline headline--s-width headline--centered headline--b-margin">
-					<h2 class="headline__title ">We started the coop in the summer of 2019...</h2>
-					<h2 class="headline__subtitle">...because we wanted to be able to get good quality, delicious food from local suppliers and farmers. Inspired by the Amsterdam food co-op <a href="#">Vokomokum</a>, we decided to start our own.</h2>
+		<div class="wrapper wrapper--t-margins">
+			<div class="row">
+        		<div class="row__medium-9 row__medium-9--smaller">
+        			<div class="headline headline--l-margin">
+						<h2 class="headline__title ">What is a foodcoop?</h2>
+						<h2 class="headline__subtitle">A co-op is a collective where everyone shares the workload for the benefit of the whole. A food co-op is a group of people that buy food from suppliers of their own choosing. A collective do-it-yourself supermarket.</h2>
+					</div>
+				</div>
+				<div class="row__medium-3 row__medium-3--larger">
+					<img class="icon icon--foodcoop" src="./assets/media/images/foodcoop.png">
 				</div>
 			</div>
+		</div>
 	</div>
 
 	<div id="how-it-works-2" class="page-section page-section--lightGreen">
-			<div class="wrapper">
-				<div class="headline headline--s-width headline--centered headline--b-margin">
-					<h2 class="headline__title ">We started the coop in the summer of 2019...</h2>
-					<h2 class="headline__subtitle">...because we wanted to be able to get good quality, delicious food from local suppliers and farmers. Inspired by the Amsterdam food co-op <a href="#">Vokomokum</a>, we decided to start our own.</h2>
-				</div>
-			</div>
+		<div class="wrapper">
+		</div>
 	</div>
 
 	<!-- AGENDA -->
diff --git a/app/temp/styles/style.css b/app/temp/styles/style.css
index 490a013..c749c08 100644
--- a/app/temp/styles/style.css
+++ b/app/temp/styles/style.css
@@ -567,6 +567,8 @@ img {
   margin-right: auto; }
   .wrapper--medium {
     max-width: 976px; }
+  .wrapper--t-margins {
+    margin-top: 100px; }
 
 .page-section {
   padding: 1.2rem 0;
@@ -599,16 +601,25 @@ img {
     bottom: -60px;
     left: 50%;
     transform: translateX(-50%); }
+    @media (min-width: 530px) {
+      .page-section--arrow-down {
+        position: relative;
+        top: -10px;
+        margin: auto;
+        left: 0;
+        transform: translateX(0%); } }
     @media (min-width: 800px) {
       .page-section--arrow-down {
         position: relative;
-        top: 70px;
+        top: 20px;
         margin: auto;
         left: 0;
         transform: translateX(0%); } }
 
 .headline {
   margin: auto; }
+  .headline--l-margin {
+    margin-left: 55px; }
   .headline--s-width {
     max-width: 500px; }
     @media (min-width: 800px) {
@@ -665,6 +676,9 @@ img {
   @media (min-width: 1200px) {
     .row__b-margin-until-medium {
       margin-bottom: 0rem; }
+    .row__medium-3--larger {
+      float: left;
+      width: 30%; }
     .row__medium-4 {
       float: left;
       width: 33.33%; }
@@ -677,7 +691,10 @@ img {
       float: right;
       width: 66.66%; }
     .row__medium-8--smaller {
-      width: 63%; } }
+      width: 63%; }
+    .row__medium-9--smaller {
+      float: right;
+      width: 70%; } }
   @media (min-width: 800px) {
     .flexbox .row--equal-height-at-medium {
       display: flex; } }
@@ -717,24 +734,33 @@ img {
 
 .video-container {
   position: relative;
-  padding-bottom: 56.25%;
-  padding-top: 30px;
+  padding-bottom: 61.15%;
   height: 0;
   overflow: hidden;
   box-shadow: -3px 3px 10px #000000ba;
-  margin-bottom: 15px;
   margin-right: -18px;
   margin-left: -18px; }
+  @media (min-width: 530px) {
+    .video-container {
+      padding-bottom: 60%; } }
+  @media (min-width: 800px) {
+    .video-container {
+      padding-bottom: 59%; } }
   @media (min-width: 1200px) {
     .video-container {
+      padding-bottom: 56.25%;
       margin-right: 0px;
       margin-left: 0px; } }
 
-.video-container iframe, .video-container object, .video-container embed {
+.video-container video {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%; }
 
+.icon--foodcoop {
+  width: 255px;
+  margin-left: 60px; }
+
 /*# sourceMappingURL=style.css.map */
diff --git a/app/temp/styles/style.css.map b/app/temp/styles/style.css.map
index e6a8db1..4ffa9aa 100644
--- a/app/temp/styles/style.css.map
+++ b/app/temp/styles/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["base/_normalize.scss","style.css","base/_fonts.scss","base/_global.scss","modules/_site-header.scss","base/_mixins.scss","modules/_primary-nav.scss","modules/_btn.scss","modules/_large-hero.scss","modules/_wrapper.scss","modules/_page-section.scss","base/_variables.scss","modules/_headline.scss","modules/_rows.scss","modules/_generic-content-container.scss","modules/_video-container.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n  margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n  display: none;\n}","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n/* Document\n   ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n  line-height: 1.15;\n  /* 1 */\n  -webkit-text-size-adjust: 100%;\n  /* 2 */ }\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n  margin: 0; }\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n  display: block; }\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0; }\n\n/* Grouping content\n   ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n  box-sizing: content-box;\n  /* 1 */\n  height: 0;\n  /* 1 */\n  overflow: visible;\n  /* 2 */ }\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */ }\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent; }\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  border-bottom: none;\n  /* 1 */\n  text-decoration: underline;\n  /* 2 */\n  text-decoration: underline dotted;\n  /* 2 */ }\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder; }\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */ }\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%; }\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline; }\n\nsub {\n  bottom: -0.25em; }\n\nsup {\n  top: -0.5em; }\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n  border-style: none; }\n\n/* Forms\n   ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  /* 1 */\n  font-size: 100%;\n  /* 1 */\n  line-height: 1.15;\n  /* 1 */\n  margin: 0;\n  /* 2 */ }\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n  /* 1 */\n  overflow: visible; }\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n  /* 1 */\n  text-transform: none; }\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; }\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0; }\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText; }\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em; }\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\nlegend {\n  box-sizing: border-box;\n  /* 1 */\n  color: inherit;\n  /* 2 */\n  display: table;\n  /* 1 */\n  max-width: 100%;\n  /* 1 */\n  padding: 0;\n  /* 3 */\n  white-space: normal;\n  /* 1 */ }\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline; }\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n  overflow: auto; }\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box;\n  /* 1 */\n  padding: 0;\n  /* 2 */ }\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto; }\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n  -webkit-appearance: textfield;\n  /* 1 */\n  outline-offset: -2px;\n  /* 2 */ }\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none; }\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  /* 1 */\n  font: inherit;\n  /* 2 */ }\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n  display: block; }\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item; }\n\n/* Misc\n   ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n  display: none; }\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n  display: none; }\n\n@font-face {\n  font-family: \"CocogooseNormal\";\n  src: url(\"../media/fonts/cocogoose/Cocogoose_medium.ttf\") format(\"truetype\"); }\n\n@font-face {\n  font-family: \"CocogooseLight\";\n  src: url(\"../media/fonts/cocogoose/Cocogoose_light.ttf\") format(\"truetype\"); }\n\n@font-face {\n  font-family: \"CocogooseBold\";\n  src: url(\"../media/fonts/cocogoose/Cocogoose_bold.ttf\") format(\"truetype\"); }\n\n@font-face {\n  font-family: \"CocogooseExtra\";\n  src: url(\"../media/fonts/cocogoose/Cocogoose_extraBold.ttf\") format(\"truetype\"); }\n\nbody {\n  font-family: 'Roboto', sans-serif;\n  color: #333; }\n\nimg {\n  max-width: 100%;\n  height: auto; }\n\n.site-header {\n  position: fixed;\n  width: 100%;\n  z-index: 2;\n  transition: background-color .3s ease-out; }\n  .site-header--is-expanded {\n    background-color: orange;\n    padding-bottom: 18px; }\n  @media (min-width: 800px) {\n    .site-header {\n      position: absolute;\n      position: fixed;\n      background-color: rgba(0, 0, 0, 0.4); } }\n  @media (min-width: 800px) {\n    .site-header__btn-container {\n      padding: 32px 0px 32px 0px;\n      float: right; } }\n  .site-header__language {\n    margin: 13px auto 5px auto;\n    border-radius: 15px;\n    overflow: hidden;\n    width: 25px;\n    height: 25px; }\n    @media (min-width: 800px) {\n      .site-header__language {\n        margin: 40px 20px 0px 0px;\n        float: right; } }\n  .site-header__menu-icon {\n    width: 20px;\n    height: 19px;\n    position: absolute;\n    z-index: 10;\n    top: 10px;\n    right: 10px; }\n    .site-header__menu-icon::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 20px;\n      height: 3px;\n      background: #FFF;\n      transform-origin: 0 0;\n      transition: transform .3s ease-out; }\n    .site-header__menu-icon__middle {\n      position: absolute;\n      top: 8px;\n      left: 0;\n      width: 20px;\n      height: 3px;\n      background: #FFF;\n      transition: all .3s ease-out;\n      transform-origin: 0 50%; }\n    .site-header__menu-icon::after {\n      content: \"\";\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 20px;\n      height: 3px;\n      background: #FFF;\n      transform-origin: 0 100%;\n      transition: transform .3s ease-out; }\n    @media (min-width: 800px) {\n      .site-header__menu-icon {\n        display: none; } }\n  .site-header__menu-icon--close-x::before {\n    transform: rotate(45deg) scaleX(1.25); }\n  .site-header__menu-icon--close-x .site-header__menu-icon__middle {\n    transform: scaleX(0);\n    opacity: 0; }\n  .site-header__menu-icon--close-x::after {\n    transform: rotate(-45deg) scaleX(1.25) translateY(1px); }\n  .site-header__menu-content {\n    opacity: 0;\n    transform: scale(1.2);\n    transtion: all .3s ease-out;\n    position: relative;\n    z-index: -10;\n    padding-top: 90px;\n    text-align: center; }\n    .site-header__menu-content--is-visible {\n      transform: scale(1);\n      opacity: 1;\n      z-index: 1; }\n    @media (min-width: 800px) {\n      .site-header__menu-content {\n        opacity: 1;\n        z-index: 1;\n        padding-top: 0;\n        transform: scale(1); } }\n  .site-header__logo {\n    position: absolute;\n    top: 0px;\n    padding: 5px 15px;\n    left: 50%;\n    transform-origin: 50% 0%;\n    transform: translateX(-50%) scale(0.8);\n    transition: transform .3s ease-out;\n    background-color: rgba(0, 0, 0, 0.5); }\n    .site-header__logo--orange-bg {\n      transition: background-color .3s ease-out;\n      background-color: orange; }\n    @media (min-width: 800px) {\n      .site-header__logo {\n        padding: 0;\n        top: 3px;\n        position: relative;\n        float: left;\n        left: auto;\n        transform: translateX(0);\n        background-color: rgba(0, 0, 0, 0); } }\n\n.primary-nav {\n  padding-top: 10px; }\n  @media (min-width: 800px) {\n    .primary-nav {\n      padding: 31px 0px; } }\n  @media (min-width: 800px) {\n    .primary-nav--pull-right {\n      float: right; } }\n  .primary-nav ul {\n    margin: 0;\n    padding: 0; }\n    .primary-nav ul::after {\n      content: \"\";\n      clear: both;\n      display: table; }\n  .primary-nav li {\n    list-style: none;\n    display: inline-block;\n    padding-right: 7px; }\n    @media (min-width: 800px) {\n      .primary-nav li {\n        float: left;\n        display: block;\n        padding-right: 20px; } }\n  .primary-nav li:last-child {\n    padding-right: 0; }\n    @media (min-width: 800px) {\n      .primary-nav li:last-child {\n        padding-right: 20px; } }\n  .primary-nav a {\n    color: #fff;\n    font-weight: 400;\n    text-decoration: none;\n    display: block;\n    padding: 5px 8px;\n    font-size: .8rem;\n    background: rgba(0, 0, 0, 0.5);\n    border-radius: 30px; }\n    @media (min-width: 800px) {\n      .primary-nav a {\n        background: transparent;\n        font-size: 1.10rem;\n        padding: 12px 0; }\n        .primary-nav a.is-current-link {\n          color: #fabb69; } }\n\n.btn {\n  background-color: #00ab00;\n  color: #fff;\n  text-decoration: none;\n  padding: .75rem 1.2rem;\n  display: inline-block;\n  border-radius: 30px; }\n  .btn--medium {\n    margin-bottom: 1.5rem; }\n    @media (min-width: 530px) {\n      .btn--medium {\n        font-size: 1.1rem; } }\n  .btn--large {\n    padding: 1.1rem 1.9rem; }\n    @media (min-width: 530px) {\n      .btn--large {\n        font-size: 1.25rem; } }\n\n.large-hero {\n  border-bottom: 10px solid orange;\n  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);\n  position: relative; }\n  .large-hero__image {\n    display: block; }\n  .large-hero__text-content {\n    padding-top: 88px;\n    position: absolute;\n    top: 50%;\n    left: 0px;\n    width: 100%;\n    transform: translateY(-50%);\n    text-align: center; }\n    @media (min-width: 800px) {\n      .large-hero__text-content {\n        padding-top: 60px; } }\n  .large-hero__title {\n    font-family: \"CocogooseBold\";\n    color: white;\n    font-size: 2.8rem;\n    margin: 0; }\n    @media (min-width: 530px) {\n      .large-hero__title {\n        font-size: 3.2rem; } }\n    @media (min-width: 800px) {\n      .large-hero__title {\n        font-size: 4.8rem; } }\n  .large-hero__subtitle {\n    font-weight: 400;\n    color: white;\n    font-size: 1.5rem;\n    margin: 0; }\n    @media (min-width: 530px) {\n      .large-hero__subtitle {\n        font-size: 1.8rem; } }\n    @media (min-width: 800px) {\n      .large-hero__subtitle {\n        font-size: 2.4rem; } }\n  .large-hero__description {\n    color: #FFF;\n    font-weight: 00;\n    font-size: 1.1rem;\n    max-width: 50rem;\n    margin-left: auto;\n    margin-right: auto; }\n    @media (min-width: 530px) {\n      .large-hero__description {\n        font-size: 1.3rem; } }\n    @media (min-width: 800px) {\n      .large-hero__description {\n        font-size: 1.875rem; } }\n\n.wrapper {\n  overflow: hidden;\n  padding-left: 18px;\n  padding-right: 18px;\n  max-width: 1300px;\n  margin-left: auto;\n  margin-right: auto; }\n  .wrapper--medium {\n    max-width: 976px; }\n\n.page-section {\n  padding: 1.2rem 0;\n  position: relative; }\n  @media (min-width: 800px) {\n    .page-section {\n      position: unset;\n      padding: 4.5rem 0; } }\n  .page-section--b-margin {\n    margin-bottom: 70px; }\n    @media (min-width: 800px) {\n      .page-section--b-margin {\n        margin-bottom: -140px; } }\n  .page-section--red {\n    background-color: #FF3D04;\n    color: #fff; }\n  .page-section--darkGreen {\n    background-color: #6F9C3D;\n    color: #fff; }\n  .page-section--lightGreen {\n    background-color: #A5C90F;\n    color: #fff; }\n  .page-section--arrow-down {\n    width: 0;\n    height: 0;\n    border-left: 70px solid transparent;\n    border-right: 70px solid transparent;\n    border-top: 85px solid #FF3D04;\n    position: absolute;\n    bottom: -60px;\n    left: 50%;\n    transform: translateX(-50%); }\n    @media (min-width: 800px) {\n      .page-section--arrow-down {\n        position: relative;\n        top: 70px;\n        margin: auto;\n        left: 0;\n        transform: translateX(0%); } }\n\n.headline {\n  margin: auto; }\n  .headline--s-width {\n    max-width: 500px; }\n    @media (min-width: 800px) {\n      .headline--s-width {\n        max-width: 1000px; } }\n  .headline__title {\n    font-weight: 500;\n    font-size: 1.7rem; }\n    @media (min-width: 800px) {\n      .headline__title {\n        font-size: 2.1rem; } }\n  .headline__subtitle {\n    font-weight: 300;\n    font-size: 1.4rem; }\n    @media (min-width: 800px) {\n      .headline__subtitle {\n        font-size: 1.8rem; } }\n  .headline--centered {\n    text-align: center; }\n  .headline--lightGreen {\n    color: #A5C90F; }\n  .headline--orange {\n    color: #FF9F2F; }\n  .headline--b-margin {\n    margin-bottom: 2.5rem; }\n    @media (min-width: 800px) {\n      .headline--b-margin {\n        margin-bottom: 4.5rem; } }\n  .headline a {\n    font-weight: 400; }\n\n.row {\n  /* Begin Equal Height Rules */ }\n  .row::after {\n    content: \"\";\n    clear: both;\n    display: table; }\n  .row--t-padding {\n    padding-top: 80px; }\n  .row--gutters {\n    margin-right: -65px; }\n  .row--gutters-large {\n    margin-right: -100px; }\n  .row--gutters-small {\n    margin-right: -45px; }\n  .row--gutters > div {\n    padding-right: 60px; }\n  .row--gutters-large > div {\n    padding-right: 100px; }\n  .row--gutters-small > div {\n    padding-right: 45px; }\n  .row__b-margin-until-medium {\n    margin-bottom: 1rem; }\n  @media (min-width: 1200px) {\n    .row__b-margin-until-medium {\n      margin-bottom: 0rem; }\n    .row__medium-4 {\n      float: left;\n      width: 33.33%; }\n    .row__medium-4--larger {\n      width: 27%; }\n    .row__medium-6 {\n      float: left;\n      width: 50%; }\n    .row__medium-8 {\n      float: right;\n      width: 66.66%; }\n    .row__medium-8--smaller {\n      width: 63%; } }\n  @media (min-width: 800px) {\n    .flexbox .row--equal-height-at-medium {\n      display: flex; } }\n  .flexbox .row--equal-height-at-medium > div {\n    float: none;\n    display: flex; }\n  @media (min-width: 800px) {\n    .flexbox .row--equal-height-at-large {\n      display: flex; } }\n  .flexbox .row--equal-height-at-large > div {\n    float: none;\n    display: flex; }\n\n.generic-content-container--t-b-margin {\n  margin-top: 5rem;\n  margin-bottom: 70px; }\n  @media (min-width: 1200px) {\n    .generic-content-container--t-b-margin {\n      margin-top: 7rem;\n      margin-bottom: 0px; } }\n\n.generic-content-container--t-center {\n  text-align: center; }\n\n.generic-content-container p {\n  font-weight: 300;\n  line-height: 1.65;\n  margin: 0;\n  font-size: 1.2rem; }\n  @media (min-width: 800px) {\n    .generic-content-container p {\n      margin: 0 0 1.8rem 0;\n      font-size: 1.4rem; } }\n\n.generic-content-container p a {\n  font-weight: 700; }\n\n.video-container {\n  position: relative;\n  padding-bottom: 56.25%;\n  padding-top: 30px;\n  height: 0;\n  overflow: hidden;\n  box-shadow: -3px 3px 10px #000000ba;\n  margin-bottom: 15px;\n  margin-right: -18px;\n  margin-left: -18px; }\n  @media (min-width: 1200px) {\n    .video-container {\n      margin-right: 0px;\n      margin-left: 0px; } }\n\n.video-container iframe, .video-container object, .video-container embed {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%; }\n","@font-face {\n  font-family: \"CocogooseNormal\";\n  src: url(\"../media/fonts/cocogoose/Cocogoose_medium.ttf\") format(\"truetype\");\n}\n\n@font-face {\n  font-family: \"CocogooseLight\";\n  src: url(\"../media/fonts/cocogoose/Cocogoose_light.ttf\") format(\"truetype\");\n}\n\n@font-face {\n  font-family: \"CocogooseBold\";\n  src: url(\"../media/fonts/cocogoose/Cocogoose_bold.ttf\") format(\"truetype\");\n}\n\n@font-face {\n  font-family: \"CocogooseExtra\";\n  src: url(\"../media/fonts/cocogoose/Cocogoose_extraBold.ttf\") format(\"truetype\");\n}","body {\n\tfont-family: 'Roboto', sans-serif;\n\tcolor: #333;\n}\n\nimg{\n\tmax-width: 100%;\n\theight: auto;\n}",".site-header{\n\tposition: fixed;\n\twidth: 100%;\n\tz-index: 2;\n\ttransition: background-color .3s ease-out;\n\n\t&--is-expanded {\n\t\tbackground-color: orange;\n\t\tpadding-bottom: 18px;\n\t}\n\t\n\t@include atMedium(){\n\t\tposition: absolute;\n\t\tposition: fixed;\n\t\tbackground-color: rgba(#000, 0.4);\n\t}\n\n\t&__btn-container{\n\t\t@include atMedium(){\n\t\t\tpadding: 32px 0px 32px 0px;\n\t\t\tfloat: right;\n\t\t}\n\t}\n\n\t&__language{\n\t\tmargin: 13px auto 5px auto;\n\t\tborder-radius: 15px;\n\t\toverflow: hidden;\n\t\twidth: 25px;\n\t\theight: 25px;\n\n\t\t@include atMedium(){\n\t\t\tmargin: 40px 20px 0px 0px;\n\t\t\tfloat: right;\n\t\t}\n\t}\n\n\n\t&__menu-icon{\n\t\twidth: 20px;\n\t\theight: 19px;\n\t\tposition: absolute;\n\t\tz-index: 10;\n\t\ttop: 10px;\n\t\tright: 10px;\n\n\t\t&::before {\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\twidth: 20px;\n\t\t\theight: 3px;\n\t\t\tbackground: #FFF;\n\t\t\ttransform-origin: 0 0;\n\t\t\ttransition: transform .3s ease-out;\n\t\t}\n\n\t\t&__middle {\n\t\t\tposition: absolute;\n\t\t\ttop: 8px;\n\t\t\tleft: 0;\n\t\t\twidth: 20px;\n\t\t\theight: 3px;\n\t\t\tbackground: #FFF;\n\t\t\ttransition: all .3s ease-out;\n\t\t\ttransform-origin: 0 50%;\n\t\t}\n\n\t\t&::after {\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\tbottom: 0;\n\t\t\tleft: 0;\n\t\t\twidth: 20px;\n\t\t\theight: 3px;\n\t\t\tbackground: #FFF;\n\t\t\ttransform-origin: 0 100%;\n\t\t\ttransition: transform .3s ease-out;\n\t\t}\n\n\t\t@include atMedium {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t&__menu-icon--close-x {\n\t\t&::before {\n\t\t\ttransform: rotate(45deg) scaleX(1.25);\n\t\t}\n\n\t\t.site-header__menu-icon__middle{\n\t\t\ttransform: scaleX(0);\n\t\t\topacity: 0;\n\t\t}\n\n\t\t&::after {\n\t\t\ttransform: rotate(-45deg) scaleX(1.25) translateY(1px);\n\n\t\t}\n\t}\n\n\t&__menu-content{\n\t\topacity: 0;\n\t\ttransform: scale(1.2);\n\t\ttranstion: all .3s ease-out;\n\t\tposition: relative;\n\t\tz-index: -10;\n\t\tpadding-top: 90px;\n\t\ttext-align: center;\n\n\t\t&--is-visible{\n\t\t\ttransform: scale(1);\n\t\t\topacity: 1;\n\t\t\tz-index: 1;\n\t\t}\n\n\t\t@include atMedium(){\n\t\t\topacity: 1;\n\t\t\tz-index: 1;\n\t\t\tpadding-top: 0;\n\t\t\ttransform: scale(1); \n\t\t}\n\t}\n\n\t&__logo{\n\t\tposition: absolute;\n\t\ttop: 0px;\n\t\tpadding: 5px 15px;\n\t\tleft: 50%;\n\t\ttransform-origin: 50% 0%;\n\t\ttransform: translateX(-50%) scale(.8);\n\t\ttransition: transform .3s ease-out;\n\t\tbackground-color: rgba(black, 0.5);\n\n\t\t&--orange-bg {\n\t\t\ttransition: background-color .3s ease-out;\n\t\t\tbackground-color: orange;\n\t\t}\n\n\t\t@include atMedium(){\n\t\t\tpadding: 0;\n\t\t\ttop: 3px;\n\t\t\tposition: relative;\n\t\t\tfloat: left;\n\t\t\tleft: auto;\n\t\t\ttransform: translateX(0);\n\t\t\tbackground-color: rgba(black, 0);\n\t\t}\n\t}\n\n}","@mixin atSmall {\n\t@media (min-width: 530px) { @content };\n}\n\n@mixin atMedium {\n\t@media (min-width: 800px) { @content };\n}\n\n@mixin atLarge {\n\t@media (min-width: 1200px) { @content };\n}\n\n@mixin clearfix {\n\t&::after{\n\t\tcontent: \"\";\n\t\tclear: both;\n\t\tdisplay: table;\n\t}\n}",".primary-nav{\n\tpadding-top: 10px;\n\t\n\t@include atMedium(){\n\t\tpadding: 31px 0px;\n\t}\n\n\t&--pull-right{\n\t\t@include atMedium(){\n\t\t\tfloat: right;\n\t\t}\n\t}\n\n\tul {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\n\t\t@include clearfix();\n\t}\n\n\tli{\n\t\tlist-style: none;\n\t\tdisplay: inline-block;\n\t\tpadding-right: 7px;\n\n\t\t@include atMedium(){\n\t\t\tfloat: left;\n\t\t\tdisplay: block;\n\t\t\tpadding-right: 20px;\n\n\t\t}\n\t}\n\n\tli:last-child {\n\t\tpadding-right: 0;\n\n\t\t@include atMedium(){\n\t\t\tpadding-right: 20px;\n\t\t}\n\t}\n\n\ta{\n\t\tcolor:  #fff;\n\t\tfont-weight: 400;\n\t\ttext-decoration: none;\n\t\tdisplay: block;\n\t\tpadding: 5px 8px;\n\t\tfont-size: .8rem;\n\t\tbackground:rgba(black, .5);\n\t\tborder-radius: 30px;\n\n\t\t@include atMedium(){\n\t\t\tbackground:transparent;\n\t\t\tfont-size: 1.10rem;\n\t\t\tpadding: 12px 0;\n\n\t\t\t&.is-current-link {\n\t\t\t\tcolor: #fabb69;\n\t\t\t}\n\t\t}\n\t}\n}",".btn{\n\tbackground-color: #00ab00;;\n\tcolor: #fff;\n\ttext-decoration: none;\n\tpadding: .75rem 1.2rem;\n\tdisplay: inline-block;\n\tborder-radius: 30px;\n\n\t&--medium {\n\t\tmargin-bottom:1.5rem;\n\n\t\t@include atSmall(){\n\t\t\tfont-size: 1.1rem;\n\t\t}\n\t}\n\n\t&--large {\n\t\tpadding: 1.1rem 1.9rem;\n\n\t\t@include atSmall(){\n\t\t\tfont-size: 1.25rem;\n\t\t}\n\t}\n} ",".large-hero {\n\tborder-bottom: 10px solid orange;\n\ttext-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);\n\tposition: relative;\n\n\t&__image{\n\t\tdisplay: block;\n\t}\n\n\t&__text-content {\n\t\tpadding-top: 88px;\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tleft: 0px;\n\t\twidth: 100%;\n\t\ttransform: translateY(-50%);\n\t\ttext-align: center;\n\n\t\t@include atMedium(){\n\t\t\tpadding-top: 60px;\n\t\t}\n\t}\n\n\t&__title {\n\t\tfont-family: \"CocogooseBold\";\n\t\tcolor: white;\n\t\tfont-size: 2.8rem;\n\t\tmargin: 0;\n\n\t\t@include atSmall(){\n\t\t\tfont-size: 3.2rem;\n\t\t} \n\n\t\t@include atMedium(){\n\t\t\tfont-size: 4.8rem;\n\t\t} \n\n\t}\n\n\t&__subtitle {\n\t\t// font-family: \"CocogooseNormal\";\n\t\tfont-weight: 400;\n\t\tcolor: white;\n\t\tfont-size: 1.5rem;\n\t\tmargin: 0;\n\n\t\t@include atSmall(){\n\t\t\tfont-size: 1.8rem;\n\t\t}\n\n\t\t@include atMedium(){\n\t\t\tfont-size: 2.4rem;\n\t\t} \n\t}\n\n\t&__description {\n\t\tcolor: #FFF;\n\t\tfont-weight: 00;\n\t\tfont-size: 1.1rem; \n\t\tmax-width: 50rem;\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\n\t\t@include atSmall(){\n\t\t\tfont-size: 1.3rem;\n\t\t}\n\n\t\t@include atMedium(){\n\t\t\tfont-size: 1.875rem;\n\t\t} \n\t}\n\n\n}",".wrapper{\n\toverflow: hidden;\n\tpadding-left: 18px;\n\tpadding-right: 18px;\n\tmax-width: 1300px;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\n\t&--medium{\n\t\tmax-width: 976px;\n\t}\n}",".page-section{\n\tpadding: 1.2rem 0;\n\tposition: relative;\n\n\n\t@include atMedium(){\n\t\tposition: unset;\n\t\tpadding: 4.5rem 0;\n\t} \n\n\n\t// &--no-b-padding-until-medium{\n\t// \tpadding-bottom: 0;\n\n\t// \t@include atMedium(){\n\t// \t\tpadding-bottom: 4.5rem;\n\n\t// \t}\n\t// }\n\n\t// &--no-b-padding-until-large{\n\t// \tpadding-bottom: 0;\n\n\t// \t@include atMedium(){\n\t// \t\tpadding-bottom: 4.5rem;\n\n\t// \t}\n\t// }\n\n\t&--b-margin{\n\t\tmargin-bottom: 70px;\n\n\t\t@include atMedium{\n\t\t\tmargin-bottom: -140px;\n\t\t}\n\t}\n\n\t&--red{\n\t\tbackground-color: $myRed;\n\t\tcolor: #fff;\n\t}\n\n\t&--darkGreen{\n\t\tbackground-color: $myDarkGreen;\n\t\tcolor: #fff;\n\t}\n\n\t&--lightGreen{\n\t\tbackground-color: $myLightGreen;\n\t\tcolor: #fff;\n\t}\n\n\t&--arrow-down{\n\t\twidth: 0; \n\t\theight: 0; \n\t\tborder-left: 70px solid transparent;\n\t\tborder-right: 70px solid transparent;\n\t\tborder-top: 85px solid $myRed;\n\t\tposition: absolute;\n\t\tbottom: -60px;\n\t\tleft: 50%;\n\t\ttransform: translateX(-50%);\n\n\t\t@include atMedium{\n\t\t\tposition: relative;\n\t\t\ttop: 70px;\n\t\t\tmargin: auto;\n\t\t\tleft: 0;\n\t\t\ttransform: translateX(0%);\n\t\t}\n\t}\n\n\n\t// &--testimonials{\n\t// \tbackground: #e0e6ef;\n\t\t\n\t// \t// @include atMedium(){\n\t\t\t\n\t// \t// \t&.lazyloaded {\n\t// \t// \t\tbackground: url('../../assets/images/testimonials-bg.jpg') top center no-repeat;\n\t// \t// \t\tbackground-size: cover;\n\t// \t// \t}\n\t// \t// }\n\t// }\n}","$myGreen: #4BC90F;\n$myLightGreen: #A5C90F;\n$myDarkGreen: #6F9C3D;\n$myOrange: #FF9F2F;\n$myRed: #FF3D04;\n",".headline{\n\tmargin:auto;\n\n\t&--s-width {\n\t\tmax-width: 500px;\n\n\t\t@include atMedium(){\n\t\t\tmax-width: 1000px;\n\t\t}\n\n\t}\n\n\t&__title {\n\t\tfont-weight: 500;\n\t\tfont-size: 1.7rem;\n\n\t\t@include atMedium(){\n\t\t\tfont-size: 2.1rem;\n\t\t}\n\t}\n\n\t&__subtitle {\n\t\tfont-weight: 300;\n\t\tfont-size: 1.4rem;\n\n\t\t@include atMedium(){\n\t\t\tfont-size: 1.8rem;\n\t\t}\n\t}\n\t\n\t&--centered {\n\t\ttext-align: center;\n\t}\n\n\t&--lightGreen {\n\t\tcolor: $myLightGreen;\n\t}\n\n\t&--orange {\n\t\tcolor: $myOrange;\n\t}\n\n\t&--b-margin {\n\t\tmargin-bottom: 2.5rem;\n\n\t\t@include atMedium(){\n\t\t\tmargin-bottom: 4.5rem;\n\t\t}\n\t}\n\n\ta {\n\t\tfont-weight: 400;\n\t}\n}",".row{\n\t\n\t@include clearfix();\n\n\t&--t-padding{\n\t\tpadding-top: 80px;\n\t}\n\n\t&--gutters {\n\t\tmargin-right: -65px;\n\t}\n\n\t&--gutters-large {\n\t\tmargin-right: -100px;\n\t}\n\n\t&--gutters-small {\n\t\tmargin-right: -45px;\n\t}\n\n\t&--gutters > div {\n\t\tpadding-right: 60px;\n\t}\n\n\t&--gutters-large > div {\n\t\tpadding-right: 100px;\n\t}\n\n\t&--gutters-small > div {\n\t\tpadding-right: 45px;\n\t}\n\n\t&__b-margin-until-medium{\n\t\tmargin-bottom: 1rem;\n\t}\n\n\t@include atLarge(){\n\t\t\n\t\t&__b-margin-until-medium{\n\t\tmargin-bottom: 0rem;\n\t\t}\n\n\t\t&__medium-4 {\n\t\t\tfloat: left;\n\t\t\twidth: 33.33%;\n\t\t}\n\n\t\t&__medium-4--larger{\n\t\t\twidth: 27%;\n\t\t}\n\n\t\t&__medium-6 {\n\t\t\tfloat: left;\n\t\t\twidth: 50%;\n\t\t}\n\n\t\t&__medium-8 {\n\t\t\tfloat: right;\n\t\t\twidth: 66.66%;\n\t\t}\n\n\t\t&__medium-8--smaller{\n\t\t\twidth: 63%;\n\t\t}\n\n\t}\n\t\n\t/* Begin Equal Height Rules */\n\t.flexbox &--equal-height-at-medium {\n\n\t\t@include atMedium(){\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t& > div {\n\t\t\tfloat: none;\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n\n\t.flexbox &--equal-height-at-large {\n\n\t\t@include atMedium(){\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t& > div {\n\t\t\tfloat: none;\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n}",".generic-content-container{\n\n\t&--t-b-margin{\n    \tmargin-top: 5rem;\n    \tmargin-bottom: 70px;\n\n    \t@include atLarge{\n    \t\tmargin-top: 7rem;\n    \t\tmargin-bottom: 0px;\n    \t}\n\t}\n\n\t&--t-center{\n\t\ttext-align: center;\n\t}\n\n\tp {\n\t\tfont-weight: 300;\n\t\tline-height: 1.65;\n\t\tmargin: 0;\n\t\tfont-size: 1.2rem;\n\n\t\t@include atMedium{\n\t\t\tmargin: 0 0 1.8rem 0;\n\t\t\tfont-size: 1.4rem;\n\t\t}\n\t}\n\n\tp a {\n\t\tfont-weight: 700;\n\t}\n\n}",".video-container {\n\tposition:relative;\n\tpadding-bottom:56.25%;\n\tpadding-top:30px;\n\theight:0;\n\toverflow:hidden;\n\tbox-shadow: -3px 3px 10px #000000ba;\n\tmargin-bottom: 15px;\n\tmargin-right: -18px;\n\tmargin-left: -18px;\n\n\t@include atLarge{\n\t\tmargin-right: 0px;\n\tmargin-left: 0px;\n\t}\n}\n\n.video-container iframe, .video-container object, .video-container embed {\n\tposition:absolute;\n\ttop:0;\n\tleft:0;\n\twidth:100%;\n\theight:100%;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["base/_normalize.scss","style.css","base/_fonts.scss","base/_global.scss","modules/_site-header.scss","base/_mixins.scss","modules/_primary-nav.scss","modules/_btn.scss","modules/_large-hero.scss","modules/_wrapper.scss","modules/_page-section.scss","base/_variables.scss","modules/_headline.scss","modules/_rows.scss","modules/_generic-content-container.scss","modules/_video-container.scss","modules/_icon.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n  margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n  display: none;\n}","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n/* Document\n   ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n  line-height: 1.15;\n  /* 1 */\n  -webkit-text-size-adjust: 100%;\n  /* 2 */ }\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n  margin: 0; }\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n  display: block; }\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0; }\n\n/* Grouping content\n   ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n  box-sizing: content-box;\n  /* 1 */\n  height: 0;\n  /* 1 */\n  overflow: visible;\n  /* 2 */ }\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */ }\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent; }\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  border-bottom: none;\n  /* 1 */\n  text-decoration: underline;\n  /* 2 */\n  text-decoration: underline dotted;\n  /* 2 */ }\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder; }\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */ }\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%; }\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline; }\n\nsub {\n  bottom: -0.25em; }\n\nsup {\n  top: -0.5em; }\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n  border-style: none; }\n\n/* Forms\n   ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  /* 1 */\n  font-size: 100%;\n  /* 1 */\n  line-height: 1.15;\n  /* 1 */\n  margin: 0;\n  /* 2 */ }\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n  /* 1 */\n  overflow: visible; }\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n  /* 1 */\n  text-transform: none; }\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; }\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0; }\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText; }\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em; }\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\nlegend {\n  box-sizing: border-box;\n  /* 1 */\n  color: inherit;\n  /* 2 */\n  display: table;\n  /* 1 */\n  max-width: 100%;\n  /* 1 */\n  padding: 0;\n  /* 3 */\n  white-space: normal;\n  /* 1 */ }\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline; }\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n  overflow: auto; }\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box;\n  /* 1 */\n  padding: 0;\n  /* 2 */ }\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto; }\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n  -webkit-appearance: textfield;\n  /* 1 */\n  outline-offset: -2px;\n  /* 2 */ }\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none; }\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  /* 1 */\n  font: inherit;\n  /* 2 */ }\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n  display: block; }\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item; }\n\n/* Misc\n   ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n  display: none; }\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n  display: none; }\n\n@font-face {\n  font-family: \"CocogooseNormal\";\n  src: url(\"../media/fonts/cocogoose/Cocogoose_medium.ttf\") format(\"truetype\"); }\n\n@font-face {\n  font-family: \"CocogooseLight\";\n  src: url(\"../media/fonts/cocogoose/Cocogoose_light.ttf\") format(\"truetype\"); }\n\n@font-face {\n  font-family: \"CocogooseBold\";\n  src: url(\"../media/fonts/cocogoose/Cocogoose_bold.ttf\") format(\"truetype\"); }\n\n@font-face {\n  font-family: \"CocogooseExtra\";\n  src: url(\"../media/fonts/cocogoose/Cocogoose_extraBold.ttf\") format(\"truetype\"); }\n\nbody {\n  font-family: 'Roboto', sans-serif;\n  color: #333; }\n\nimg {\n  max-width: 100%;\n  height: auto; }\n\n.site-header {\n  position: fixed;\n  width: 100%;\n  z-index: 2;\n  transition: background-color .3s ease-out; }\n  .site-header--is-expanded {\n    background-color: orange;\n    padding-bottom: 18px; }\n  @media (min-width: 800px) {\n    .site-header {\n      position: absolute;\n      position: fixed;\n      background-color: rgba(0, 0, 0, 0.4); } }\n  @media (min-width: 800px) {\n    .site-header__btn-container {\n      padding: 32px 0px 32px 0px;\n      float: right; } }\n  .site-header__language {\n    margin: 13px auto 5px auto;\n    border-radius: 15px;\n    overflow: hidden;\n    width: 25px;\n    height: 25px; }\n    @media (min-width: 800px) {\n      .site-header__language {\n        margin: 40px 20px 0px 0px;\n        float: right; } }\n  .site-header__menu-icon {\n    width: 20px;\n    height: 19px;\n    position: absolute;\n    z-index: 10;\n    top: 10px;\n    right: 10px; }\n    .site-header__menu-icon::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 20px;\n      height: 3px;\n      background: #FFF;\n      transform-origin: 0 0;\n      transition: transform .3s ease-out; }\n    .site-header__menu-icon__middle {\n      position: absolute;\n      top: 8px;\n      left: 0;\n      width: 20px;\n      height: 3px;\n      background: #FFF;\n      transition: all .3s ease-out;\n      transform-origin: 0 50%; }\n    .site-header__menu-icon::after {\n      content: \"\";\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 20px;\n      height: 3px;\n      background: #FFF;\n      transform-origin: 0 100%;\n      transition: transform .3s ease-out; }\n    @media (min-width: 800px) {\n      .site-header__menu-icon {\n        display: none; } }\n  .site-header__menu-icon--close-x::before {\n    transform: rotate(45deg) scaleX(1.25); }\n  .site-header__menu-icon--close-x .site-header__menu-icon__middle {\n    transform: scaleX(0);\n    opacity: 0; }\n  .site-header__menu-icon--close-x::after {\n    transform: rotate(-45deg) scaleX(1.25) translateY(1px); }\n  .site-header__menu-content {\n    opacity: 0;\n    transform: scale(1.2);\n    transtion: all .3s ease-out;\n    position: relative;\n    z-index: -10;\n    padding-top: 90px;\n    text-align: center; }\n    .site-header__menu-content--is-visible {\n      transform: scale(1);\n      opacity: 1;\n      z-index: 1; }\n    @media (min-width: 800px) {\n      .site-header__menu-content {\n        opacity: 1;\n        z-index: 1;\n        padding-top: 0;\n        transform: scale(1); } }\n  .site-header__logo {\n    position: absolute;\n    top: 0px;\n    padding: 5px 15px;\n    left: 50%;\n    transform-origin: 50% 0%;\n    transform: translateX(-50%) scale(0.8);\n    transition: transform .3s ease-out;\n    background-color: rgba(0, 0, 0, 0.5); }\n    .site-header__logo--orange-bg {\n      transition: background-color .3s ease-out;\n      background-color: orange; }\n    @media (min-width: 800px) {\n      .site-header__logo {\n        padding: 0;\n        top: 3px;\n        position: relative;\n        float: left;\n        left: auto;\n        transform: translateX(0);\n        background-color: rgba(0, 0, 0, 0); } }\n\n.primary-nav {\n  padding-top: 10px; }\n  @media (min-width: 800px) {\n    .primary-nav {\n      padding: 31px 0px; } }\n  @media (min-width: 800px) {\n    .primary-nav--pull-right {\n      float: right; } }\n  .primary-nav ul {\n    margin: 0;\n    padding: 0; }\n    .primary-nav ul::after {\n      content: \"\";\n      clear: both;\n      display: table; }\n  .primary-nav li {\n    list-style: none;\n    display: inline-block;\n    padding-right: 7px; }\n    @media (min-width: 800px) {\n      .primary-nav li {\n        float: left;\n        display: block;\n        padding-right: 20px; } }\n  .primary-nav li:last-child {\n    padding-right: 0; }\n    @media (min-width: 800px) {\n      .primary-nav li:last-child {\n        padding-right: 20px; } }\n  .primary-nav a {\n    color: #fff;\n    font-weight: 400;\n    text-decoration: none;\n    display: block;\n    padding: 5px 8px;\n    font-size: .8rem;\n    background: rgba(0, 0, 0, 0.5);\n    border-radius: 30px; }\n    @media (min-width: 800px) {\n      .primary-nav a {\n        background: transparent;\n        font-size: 1.10rem;\n        padding: 12px 0; }\n        .primary-nav a.is-current-link {\n          color: #fabb69; } }\n\n.btn {\n  background-color: #00ab00;\n  color: #fff;\n  text-decoration: none;\n  padding: .75rem 1.2rem;\n  display: inline-block;\n  border-radius: 30px; }\n  .btn--medium {\n    margin-bottom: 1.5rem; }\n    @media (min-width: 530px) {\n      .btn--medium {\n        font-size: 1.1rem; } }\n  .btn--large {\n    padding: 1.1rem 1.9rem; }\n    @media (min-width: 530px) {\n      .btn--large {\n        font-size: 1.25rem; } }\n\n.large-hero {\n  border-bottom: 10px solid orange;\n  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);\n  position: relative; }\n  .large-hero__image {\n    display: block; }\n  .large-hero__text-content {\n    padding-top: 88px;\n    position: absolute;\n    top: 50%;\n    left: 0px;\n    width: 100%;\n    transform: translateY(-50%);\n    text-align: center; }\n    @media (min-width: 800px) {\n      .large-hero__text-content {\n        padding-top: 60px; } }\n  .large-hero__title {\n    font-family: \"CocogooseBold\";\n    color: white;\n    font-size: 2.8rem;\n    margin: 0; }\n    @media (min-width: 530px) {\n      .large-hero__title {\n        font-size: 3.2rem; } }\n    @media (min-width: 800px) {\n      .large-hero__title {\n        font-size: 4.8rem; } }\n  .large-hero__subtitle {\n    font-weight: 400;\n    color: white;\n    font-size: 1.5rem;\n    margin: 0; }\n    @media (min-width: 530px) {\n      .large-hero__subtitle {\n        font-size: 1.8rem; } }\n    @media (min-width: 800px) {\n      .large-hero__subtitle {\n        font-size: 2.4rem; } }\n  .large-hero__description {\n    color: #FFF;\n    font-weight: 00;\n    font-size: 1.1rem;\n    max-width: 50rem;\n    margin-left: auto;\n    margin-right: auto; }\n    @media (min-width: 530px) {\n      .large-hero__description {\n        font-size: 1.3rem; } }\n    @media (min-width: 800px) {\n      .large-hero__description {\n        font-size: 1.875rem; } }\n\n.wrapper {\n  overflow: hidden;\n  padding-left: 18px;\n  padding-right: 18px;\n  max-width: 1300px;\n  margin-left: auto;\n  margin-right: auto; }\n  .wrapper--medium {\n    max-width: 976px; }\n  .wrapper--t-margins {\n    margin-top: 100px; }\n\n.page-section {\n  padding: 1.2rem 0;\n  position: relative; }\n  @media (min-width: 800px) {\n    .page-section {\n      position: unset;\n      padding: 4.5rem 0; } }\n  .page-section--b-margin {\n    margin-bottom: 70px; }\n    @media (min-width: 800px) {\n      .page-section--b-margin {\n        margin-bottom: -140px; } }\n  .page-section--red {\n    background-color: #FF3D04;\n    color: #fff; }\n  .page-section--darkGreen {\n    background-color: #6F9C3D;\n    color: #fff; }\n  .page-section--lightGreen {\n    background-color: #A5C90F;\n    color: #fff; }\n  .page-section--arrow-down {\n    width: 0;\n    height: 0;\n    border-left: 70px solid transparent;\n    border-right: 70px solid transparent;\n    border-top: 85px solid #FF3D04;\n    position: absolute;\n    bottom: -60px;\n    left: 50%;\n    transform: translateX(-50%); }\n    @media (min-width: 530px) {\n      .page-section--arrow-down {\n        position: relative;\n        top: -10px;\n        margin: auto;\n        left: 0;\n        transform: translateX(0%); } }\n    @media (min-width: 800px) {\n      .page-section--arrow-down {\n        position: relative;\n        top: 20px;\n        margin: auto;\n        left: 0;\n        transform: translateX(0%); } }\n\n.headline {\n  margin: auto; }\n  .headline--l-margin {\n    margin-left: 55px; }\n  .headline--s-width {\n    max-width: 500px; }\n    @media (min-width: 800px) {\n      .headline--s-width {\n        max-width: 1000px; } }\n  .headline__title {\n    font-weight: 500;\n    font-size: 1.7rem; }\n    @media (min-width: 800px) {\n      .headline__title {\n        font-size: 2.1rem; } }\n  .headline__subtitle {\n    font-weight: 300;\n    font-size: 1.4rem; }\n    @media (min-width: 800px) {\n      .headline__subtitle {\n        font-size: 1.8rem; } }\n  .headline--centered {\n    text-align: center; }\n  .headline--lightGreen {\n    color: #A5C90F; }\n  .headline--orange {\n    color: #FF9F2F; }\n  .headline--b-margin {\n    margin-bottom: 2.5rem; }\n    @media (min-width: 800px) {\n      .headline--b-margin {\n        margin-bottom: 4.5rem; } }\n  .headline a {\n    font-weight: 400; }\n\n.row {\n  /* Begin Equal Height Rules */ }\n  .row::after {\n    content: \"\";\n    clear: both;\n    display: table; }\n  .row--t-padding {\n    padding-top: 80px; }\n  .row--gutters {\n    margin-right: -65px; }\n  .row--gutters-large {\n    margin-right: -100px; }\n  .row--gutters-small {\n    margin-right: -45px; }\n  .row--gutters > div {\n    padding-right: 60px; }\n  .row--gutters-large > div {\n    padding-right: 100px; }\n  .row--gutters-small > div {\n    padding-right: 45px; }\n  .row__b-margin-until-medium {\n    margin-bottom: 1rem; }\n  @media (min-width: 1200px) {\n    .row__b-margin-until-medium {\n      margin-bottom: 0rem; }\n    .row__medium-3--larger {\n      float: left;\n      width: 30%; }\n    .row__medium-4 {\n      float: left;\n      width: 33.33%; }\n    .row__medium-4--larger {\n      width: 27%; }\n    .row__medium-6 {\n      float: left;\n      width: 50%; }\n    .row__medium-8 {\n      float: right;\n      width: 66.66%; }\n    .row__medium-8--smaller {\n      width: 63%; }\n    .row__medium-9--smaller {\n      float: right;\n      width: 70%; } }\n  @media (min-width: 800px) {\n    .flexbox .row--equal-height-at-medium {\n      display: flex; } }\n  .flexbox .row--equal-height-at-medium > div {\n    float: none;\n    display: flex; }\n  @media (min-width: 800px) {\n    .flexbox .row--equal-height-at-large {\n      display: flex; } }\n  .flexbox .row--equal-height-at-large > div {\n    float: none;\n    display: flex; }\n\n.generic-content-container--t-b-margin {\n  margin-top: 5rem;\n  margin-bottom: 70px; }\n  @media (min-width: 1200px) {\n    .generic-content-container--t-b-margin {\n      margin-top: 7rem;\n      margin-bottom: 0px; } }\n\n.generic-content-container--t-center {\n  text-align: center; }\n\n.generic-content-container p {\n  font-weight: 300;\n  line-height: 1.65;\n  margin: 0;\n  font-size: 1.2rem; }\n  @media (min-width: 800px) {\n    .generic-content-container p {\n      margin: 0 0 1.8rem 0;\n      font-size: 1.4rem; } }\n\n.generic-content-container p a {\n  font-weight: 700; }\n\n.video-container {\n  position: relative;\n  padding-bottom: 61.15%;\n  height: 0;\n  overflow: hidden;\n  box-shadow: -3px 3px 10px #000000ba;\n  margin-right: -18px;\n  margin-left: -18px; }\n  @media (min-width: 530px) {\n    .video-container {\n      padding-bottom: 60%; } }\n  @media (min-width: 800px) {\n    .video-container {\n      padding-bottom: 59%; } }\n  @media (min-width: 1200px) {\n    .video-container {\n      padding-bottom: 56.25%;\n      margin-right: 0px;\n      margin-left: 0px; } }\n\n.video-container video {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%; }\n\n.icon--foodcoop {\n  width: 255px;\n  margin-left: 60px; }\n","@font-face {\n  font-family: \"CocogooseNormal\";\n  src: url(\"../media/fonts/cocogoose/Cocogoose_medium.ttf\") format(\"truetype\");\n}\n\n@font-face {\n  font-family: \"CocogooseLight\";\n  src: url(\"../media/fonts/cocogoose/Cocogoose_light.ttf\") format(\"truetype\");\n}\n\n@font-face {\n  font-family: \"CocogooseBold\";\n  src: url(\"../media/fonts/cocogoose/Cocogoose_bold.ttf\") format(\"truetype\");\n}\n\n@font-face {\n  font-family: \"CocogooseExtra\";\n  src: url(\"../media/fonts/cocogoose/Cocogoose_extraBold.ttf\") format(\"truetype\");\n}","body {\n\tfont-family: 'Roboto', sans-serif;\n\tcolor: #333;\n}\n\nimg{\n\tmax-width: 100%;\n\theight: auto;\n}",".site-header{\n\tposition: fixed;\n\twidth: 100%;\n\tz-index: 2;\n\ttransition: background-color .3s ease-out;\n\n\t&--is-expanded {\n\t\tbackground-color: orange;\n\t\tpadding-bottom: 18px;\n\t}\n\t\n\t@include atMedium(){\n\t\tposition: absolute;\n\t\tposition: fixed;\n\t\tbackground-color: rgba(#000, 0.4);\n\t}\n\n\t&__btn-container{\n\t\t@include atMedium(){\n\t\t\tpadding: 32px 0px 32px 0px;\n\t\t\tfloat: right;\n\t\t}\n\t}\n\n\t&__language{\n\t\tmargin: 13px auto 5px auto;\n\t\tborder-radius: 15px;\n\t\toverflow: hidden;\n\t\twidth: 25px;\n\t\theight: 25px;\n\n\t\t@include atMedium(){\n\t\t\tmargin: 40px 20px 0px 0px;\n\t\t\tfloat: right;\n\t\t}\n\t}\n\n\n\t&__menu-icon{\n\t\twidth: 20px;\n\t\theight: 19px;\n\t\tposition: absolute;\n\t\tz-index: 10;\n\t\ttop: 10px;\n\t\tright: 10px;\n\n\t\t&::before {\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\twidth: 20px;\n\t\t\theight: 3px;\n\t\t\tbackground: #FFF;\n\t\t\ttransform-origin: 0 0;\n\t\t\ttransition: transform .3s ease-out;\n\t\t}\n\n\t\t&__middle {\n\t\t\tposition: absolute;\n\t\t\ttop: 8px;\n\t\t\tleft: 0;\n\t\t\twidth: 20px;\n\t\t\theight: 3px;\n\t\t\tbackground: #FFF;\n\t\t\ttransition: all .3s ease-out;\n\t\t\ttransform-origin: 0 50%;\n\t\t}\n\n\t\t&::after {\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\tbottom: 0;\n\t\t\tleft: 0;\n\t\t\twidth: 20px;\n\t\t\theight: 3px;\n\t\t\tbackground: #FFF;\n\t\t\ttransform-origin: 0 100%;\n\t\t\ttransition: transform .3s ease-out;\n\t\t}\n\n\t\t@include atMedium {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t&__menu-icon--close-x {\n\t\t&::before {\n\t\t\ttransform: rotate(45deg) scaleX(1.25);\n\t\t}\n\n\t\t.site-header__menu-icon__middle{\n\t\t\ttransform: scaleX(0);\n\t\t\topacity: 0;\n\t\t}\n\n\t\t&::after {\n\t\t\ttransform: rotate(-45deg) scaleX(1.25) translateY(1px);\n\n\t\t}\n\t}\n\n\t&__menu-content{\n\t\topacity: 0;\n\t\ttransform: scale(1.2);\n\t\ttranstion: all .3s ease-out;\n\t\tposition: relative;\n\t\tz-index: -10;\n\t\tpadding-top: 90px;\n\t\ttext-align: center;\n\n\t\t&--is-visible{\n\t\t\ttransform: scale(1);\n\t\t\topacity: 1;\n\t\t\tz-index: 1;\n\t\t}\n\n\t\t@include atMedium(){\n\t\t\topacity: 1;\n\t\t\tz-index: 1;\n\t\t\tpadding-top: 0;\n\t\t\ttransform: scale(1); \n\t\t}\n\t}\n\n\t&__logo{\n\t\tposition: absolute;\n\t\ttop: 0px;\n\t\tpadding: 5px 15px;\n\t\tleft: 50%;\n\t\ttransform-origin: 50% 0%;\n\t\ttransform: translateX(-50%) scale(.8);\n\t\ttransition: transform .3s ease-out;\n\t\tbackground-color: rgba(black, 0.5);\n\n\t\t&--orange-bg {\n\t\t\ttransition: background-color .3s ease-out;\n\t\t\tbackground-color: orange;\n\t\t}\n\n\t\t@include atMedium(){\n\t\t\tpadding: 0;\n\t\t\ttop: 3px;\n\t\t\tposition: relative;\n\t\t\tfloat: left;\n\t\t\tleft: auto;\n\t\t\ttransform: translateX(0);\n\t\t\tbackground-color: rgba(black, 0);\n\t\t}\n\t}\n\n}","@mixin atSmall {\n\t@media (min-width: 530px) { @content };\n}\n\n@mixin atMedium {\n\t@media (min-width: 800px) { @content };\n}\n\n@mixin atLarge {\n\t@media (min-width: 1200px) { @content };\n}\n\n@mixin clearfix {\n\t&::after{\n\t\tcontent: \"\";\n\t\tclear: both;\n\t\tdisplay: table;\n\t}\n}",".primary-nav{\n\tpadding-top: 10px;\n\t\n\t@include atMedium(){\n\t\tpadding: 31px 0px;\n\t}\n\n\t&--pull-right{\n\t\t@include atMedium(){\n\t\t\tfloat: right;\n\t\t}\n\t}\n\n\tul {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\n\t\t@include clearfix();\n\t}\n\n\tli{\n\t\tlist-style: none;\n\t\tdisplay: inline-block;\n\t\tpadding-right: 7px;\n\n\t\t@include atMedium(){\n\t\t\tfloat: left;\n\t\t\tdisplay: block;\n\t\t\tpadding-right: 20px;\n\n\t\t}\n\t}\n\n\tli:last-child {\n\t\tpadding-right: 0;\n\n\t\t@include atMedium(){\n\t\t\tpadding-right: 20px;\n\t\t}\n\t}\n\n\ta{\n\t\tcolor:  #fff;\n\t\tfont-weight: 400;\n\t\ttext-decoration: none;\n\t\tdisplay: block;\n\t\tpadding: 5px 8px;\n\t\tfont-size: .8rem;\n\t\tbackground:rgba(black, .5);\n\t\tborder-radius: 30px;\n\n\t\t@include atMedium(){\n\t\t\tbackground:transparent;\n\t\t\tfont-size: 1.10rem;\n\t\t\tpadding: 12px 0;\n\n\t\t\t&.is-current-link {\n\t\t\t\tcolor: #fabb69;\n\t\t\t}\n\t\t}\n\t}\n}",".btn{\n\tbackground-color: #00ab00;;\n\tcolor: #fff;\n\ttext-decoration: none;\n\tpadding: .75rem 1.2rem;\n\tdisplay: inline-block;\n\tborder-radius: 30px;\n\n\t&--medium {\n\t\tmargin-bottom:1.5rem;\n\n\t\t@include atSmall(){\n\t\t\tfont-size: 1.1rem;\n\t\t}\n\t}\n\n\t&--large {\n\t\tpadding: 1.1rem 1.9rem;\n\n\t\t@include atSmall(){\n\t\t\tfont-size: 1.25rem;\n\t\t}\n\t}\n} ",".large-hero {\n\tborder-bottom: 10px solid orange;\n\ttext-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);\n\tposition: relative;\n\n\t&__image{\n\t\tdisplay: block;\n\t}\n\n\t&__text-content {\n\t\tpadding-top: 88px;\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tleft: 0px;\n\t\twidth: 100%;\n\t\ttransform: translateY(-50%);\n\t\ttext-align: center;\n\n\t\t@include atMedium(){\n\t\t\tpadding-top: 60px;\n\t\t}\n\t}\n\n\t&__title {\n\t\tfont-family: \"CocogooseBold\";\n\t\tcolor: white;\n\t\tfont-size: 2.8rem;\n\t\tmargin: 0;\n\n\t\t@include atSmall(){\n\t\t\tfont-size: 3.2rem;\n\t\t} \n\n\t\t@include atMedium(){\n\t\t\tfont-size: 4.8rem;\n\t\t} \n\n\t}\n\n\t&__subtitle {\n\t\t// font-family: \"CocogooseNormal\";\n\t\tfont-weight: 400;\n\t\tcolor: white;\n\t\tfont-size: 1.5rem;\n\t\tmargin: 0;\n\n\t\t@include atSmall(){\n\t\t\tfont-size: 1.8rem;\n\t\t}\n\n\t\t@include atMedium(){\n\t\t\tfont-size: 2.4rem;\n\t\t} \n\t}\n\n\t&__description {\n\t\tcolor: #FFF;\n\t\tfont-weight: 00;\n\t\tfont-size: 1.1rem; \n\t\tmax-width: 50rem;\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\n\t\t@include atSmall(){\n\t\t\tfont-size: 1.3rem;\n\t\t}\n\n\t\t@include atMedium(){\n\t\t\tfont-size: 1.875rem;\n\t\t} \n\t}\n\n\n}",".wrapper{\n\toverflow: hidden;\n\tpadding-left: 18px;\n\tpadding-right: 18px;\n\tmax-width: 1300px;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\n\t&--medium{\n\t\tmax-width: 976px;\n\t}\n\n\t&--t-margins{\n\t\tmargin-top: 100px;\n\t}\n}",".page-section{\n\tpadding: 1.2rem 0;\n\tposition: relative;\n\n\n\t@include atMedium(){\n\t\tposition: unset;\n\t\tpadding: 4.5rem 0;\n\t} \n\n\n\t// &--no-b-padding-until-medium{\n\t// \tpadding-bottom: 0;\n\n\t// \t@include atMedium(){\n\t// \t\tpadding-bottom: 4.5rem;\n\n\t// \t}\n\t// }\n\n\t// &--no-b-padding-until-large{\n\t// \tpadding-bottom: 0;\n\n\t// \t@include atMedium(){\n\t// \t\tpadding-bottom: 4.5rem;\n\n\t// \t}\n\t// }\n\n\t&--b-margin{\n\t\tmargin-bottom: 70px;\n\n\t\t@include atMedium{\n\t\t\tmargin-bottom: -140px;\n\t\t}\n\t}\n\n\t&--red{\n\t\tbackground-color: $myRed;\n\t\tcolor: #fff;\n\t}\n\n\t&--darkGreen{\n\t\tbackground-color: $myDarkGreen;\n\t\tcolor: #fff;\n\t}\n\n\t&--lightGreen{\n\t\tbackground-color: $myLightGreen;\n\t\tcolor: #fff;\n\t}\n\n\t&--arrow-down{\n\t\twidth: 0; \n\t\theight: 0; \n\t\tborder-left: 70px solid transparent;\n\t\tborder-right: 70px solid transparent;\n\t\tborder-top: 85px solid $myRed;\n\t\tposition: absolute;\n\t\tbottom: -60px;\n\t\tleft: 50%;\n\t\ttransform: translateX(-50%);\n\n\t\t@include atSmall{\n\t\t\tposition: relative;\n\t\t\ttop: -10px;\n\t\t\tmargin: auto;\n\t\t\tleft: 0;\n\t\t\ttransform: translateX(0%);\n\t\t}\n\n\t\t@include atMedium{\n\t\t\tposition: relative;\n\t\t\ttop: 20px;\n\t\t\tmargin: auto;\n\t\t\tleft: 0;\n\t\t\ttransform: translateX(0%);\n\t\t}\n\t}\n\n\n\t// &--testimonials{\n\t// \tbackground: #e0e6ef;\n\t\t\n\t// \t// @include atMedium(){\n\t\t\t\n\t// \t// \t&.lazyloaded {\n\t// \t// \t\tbackground: url('../../assets/images/testimonials-bg.jpg') top center no-repeat;\n\t// \t// \t\tbackground-size: cover;\n\t// \t// \t}\n\t// \t// }\n\t// }\n}","$myGreen: #4BC90F;\n$myLightGreen: #A5C90F;\n$myDarkGreen: #6F9C3D;\n$myOrange: #FF9F2F;\n$myRed: #FF3D04;\n",".headline{\n\tmargin:auto;\n\n\t&--l-margin{\n\t\tmargin-left: 55px;\n\t}\n\n\t&--s-width {\n\t\tmax-width: 500px;\n\n\t\t@include atMedium(){\n\t\t\tmax-width: 1000px;\n\t\t}\n\n\t}\n\n\t&__title {\n\t\tfont-weight: 500;\n\t\tfont-size: 1.7rem;\n\n\t\t@include atMedium(){\n\t\t\tfont-size: 2.1rem;\n\t\t}\n\t}\n\n\t&__subtitle {\n\t\tfont-weight: 300;\n\t\tfont-size: 1.4rem;\n\n\t\t@include atMedium(){\n\t\t\tfont-size: 1.8rem;\n\t\t}\n\t}\n\t\n\t&--centered {\n\t\ttext-align: center;\n\t}\n\n\t&--lightGreen {\n\t\tcolor: $myLightGreen;\n\t}\n\n\t&--orange {\n\t\tcolor: $myOrange;\n\t}\n\n\t&--b-margin {\n\t\tmargin-bottom: 2.5rem;\n\n\t\t@include atMedium(){\n\t\t\tmargin-bottom: 4.5rem;\n\t\t}\n\t}\n\n\ta {\n\t\tfont-weight: 400;\n\t}\n}",".row{\n\t\n\t@include clearfix();\n\n\t&--t-padding{\n\t\tpadding-top: 80px;\n\t}\n\n\t&--gutters {\n\t\tmargin-right: -65px;\n\t}\n\n\t&--gutters-large {\n\t\tmargin-right: -100px;\n\t}\n\n\t&--gutters-small {\n\t\tmargin-right: -45px;\n\t}\n\n\t&--gutters > div {\n\t\tpadding-right: 60px;\n\t}\n\n\t&--gutters-large > div {\n\t\tpadding-right: 100px;\n\t}\n\n\t&--gutters-small > div {\n\t\tpadding-right: 45px;\n\t}\n\n\t&__b-margin-until-medium{\n\t\tmargin-bottom: 1rem;\n\t}\n\n\t@include atLarge(){\n\t\t\n\t\t&__b-margin-until-medium{\n\t\tmargin-bottom: 0rem;\n\t\t}\n\n\t\t&__medium-3--larger {\n\t\t\tfloat: left;\n\t\t\twidth: 30%;\n\t\t}\n\n\t\t&__medium-4 {\n\t\t\tfloat: left;\n\t\t\twidth: 33.33%;\n\t\t}\n\n\t\t&__medium-4--larger{\n\t\t\twidth: 27%;\n\t\t}\n\n\t\t&__medium-6 {\n\t\t\tfloat: left;\n\t\t\twidth: 50%;\n\t\t}\n\n\t\t&__medium-8 {\n\t\t\tfloat: right;\n\t\t\twidth: 66.66%;\n\t\t}\n\n\t\t&__medium-8--smaller{\n\t\t\twidth: 63%;\n\t\t}\n\n\t\t&__medium-9--smaller {\n\t\t\tfloat: right;\n\t\t\twidth: 70%;\n\t\t}\n\n\t}\n\t\n\t/* Begin Equal Height Rules */\n\t.flexbox &--equal-height-at-medium {\n\n\t\t@include atMedium(){\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t& > div {\n\t\t\tfloat: none;\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n\n\t.flexbox &--equal-height-at-large {\n\n\t\t@include atMedium(){\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t& > div {\n\t\t\tfloat: none;\n\t\t\tdisplay: flex;\n\t\t}\n\t}\n}",".generic-content-container{\n\n\t&--t-b-margin{\n    \tmargin-top: 5rem;\n    \tmargin-bottom: 70px;\n\n    \t@include atLarge{\n    \t\tmargin-top: 7rem;\n    \t\tmargin-bottom: 0px;\n    \t}\n\t}\n\n\t&--t-center{\n\t\ttext-align: center;\n\t}\n\n\tp {\n\t\tfont-weight: 300;\n\t\tline-height: 1.65;\n\t\tmargin: 0;\n\t\tfont-size: 1.2rem;\n\n\t\t@include atMedium{\n\t\t\tmargin: 0 0 1.8rem 0;\n\t\t\tfont-size: 1.4rem;\n\t\t}\n\t}\n\n\tp a {\n\t\tfont-weight: 700;\n\t}\n\n}",".video-container {\n\tposition:relative;\n\tpadding-bottom:61.15%;\n\theight:0;\n\toverflow:hidden;\n\tbox-shadow: -3px 3px 10px #000000ba;\n\tmargin-right: -18px;\n\tmargin-left: -18px;\n\n\t@include atSmall{\n\t\tpadding-bottom:60%;\n\t}\n\n\t@include atMedium{\n\t\tpadding-bottom:59%;\n\t}\n\n\n\t@include atLarge{\n\tpadding-bottom:56.25%;\n\tmargin-right: 0px;\n\tmargin-left: 0px;\n\t}\n}\n\n.video-container video{\n\tposition:absolute;\n\ttop:0;\n\tleft:0;\n\twidth:100%;\n\theight:100%;\n}\n",".icon{\n\t\n\t&--foodcoop{\n\t\twidth: 255px;\n\t\tmargin-left: 60px;\n\t}\n}"]}
\ No newline at end of file