diff --git a/app/assets/media/images/boxes_small.jpg b/app/assets/media/images/boxes_small.jpg new file mode 100644 index 0000000..8775aea Binary files /dev/null and b/app/assets/media/images/boxes_small.jpg differ diff --git a/app/assets/media/images/netherlands_flag.gif b/app/assets/media/images/netherlands_flag.gif new file mode 100644 index 0000000..47c24f9 Binary files /dev/null and b/app/assets/media/images/netherlands_flag.gif differ diff --git a/app/assets/media/images/veg_large.png b/app/assets/media/images/veg_large.png new file mode 100644 index 0000000..1d73d12 Binary files /dev/null and b/app/assets/media/images/veg_large.png differ diff --git a/app/assets/media/images/veg_medium.png b/app/assets/media/images/veg_medium.png new file mode 100644 index 0000000..7d7433d Binary files /dev/null and b/app/assets/media/images/veg_medium.png differ diff --git a/app/assets/media/images/veg_small.png b/app/assets/media/images/veg_small.png new file mode 100644 index 0000000..2dc9a4b Binary files /dev/null and b/app/assets/media/images/veg_small.png differ diff --git a/app/assets/media/images/veg_smaller.png b/app/assets/media/images/veg_smaller.png new file mode 100644 index 0000000..1adb977 Binary files /dev/null and b/app/assets/media/images/veg_smaller.png differ diff --git a/app/assets/scss/modules/_btn.scss b/app/assets/scss/modules/_btn.scss index 7e24b14..ce6796d 100644 --- a/app/assets/scss/modules/_btn.scss +++ b/app/assets/scss/modules/_btn.scss @@ -4,6 +4,7 @@ text-decoration: none; padding: .75rem 1.2rem; display: inline-block; + border-radius: 30px; &--large { padding: 1.1rem 1.9rem; diff --git a/app/assets/scss/modules/_large-hero.scss b/app/assets/scss/modules/_large-hero.scss index 8c6fd6f..2114912 100644 --- a/app/assets/scss/modules/_large-hero.scss +++ b/app/assets/scss/modules/_large-hero.scss @@ -24,10 +24,14 @@ &__title { font-family: "CocogooseBold"; color: white; - font-size: 2.4rem; + font-size: 2.8rem; margin: 0; @include atSmall(){ + font-size: 3.2rem; + } + + @include atMedium(){ font-size: 4.8rem; } @@ -41,8 +45,12 @@ margin: 0; @include atSmall(){ - font-size: 2.4rem; + font-size: 1.8rem; } + + @include atMedium(){ + font-size: 2.4rem; + } } &__description { @@ -54,8 +62,12 @@ margin-right: auto; @include atSmall(){ - font-size: 1.875rem; + font-size: 1.3rem; } + + @include atMedium(){ + font-size: 1.875rem; + } } diff --git a/app/assets/scss/modules/_primary-nav.scss b/app/assets/scss/modules/_primary-nav.scss index f9084c8..fdbaabb 100644 --- a/app/assets/scss/modules/_primary-nav.scss +++ b/app/assets/scss/modules/_primary-nav.scss @@ -46,7 +46,8 @@ display: block; padding: 5px 8px; font-size: .8rem; - background:rgba(blue, .5); + background:rgba(black, .5); + border-radius: 30px; @include atMedium(){ background:transparent; diff --git a/app/assets/scss/modules/_site-header.scss b/app/assets/scss/modules/_site-header.scss index f5c1c28..24946b2 100644 --- a/app/assets/scss/modules/_site-header.scss +++ b/app/assets/scss/modules/_site-header.scss @@ -1,5 +1,5 @@ .site-header{ - position: absolute; + position: fixed; width: 100%; z-index: 2; transition: background-color .3s ease-out; @@ -10,6 +10,7 @@ } @include atMedium(){ + position: absolute; position: fixed; background-color: rgba(#000, 0.4); } @@ -21,6 +22,20 @@ } } + &__language{ + margin: 13px auto 5px auto; + border-radius: 15px; + overflow: hidden; + width: 25px; + height: 25px; + + @include atMedium(){ + margin: 40px 20px 0px 0px; + float: right; + } + } + + &__menu-icon{ width: 20px; height: 19px; @@ -85,9 +100,6 @@ } } - - - &__menu-content{ opacity: 0; transform: scale(1.2); @@ -122,6 +134,7 @@ background-color: rgba(black, 0.5); &--orange-bg { + transition: background-color .3s ease-out; background-color: orange; } diff --git a/app/index.html b/app/index.html index b7fdc9b..37a3418 100644 --- a/app/index.html +++ b/app/index.html @@ -23,7 +23,7 @@
-
+
@@ -31,14 +31,16 @@ Place your Order
- +
+ Netherlands flag +
@@ -48,11 +50,17 @@
- A cool hero image + + + + + + Our fresh vegetables +

bio bulke bende

-

The organic autonomous foodcoop of Rotterdam

+

The organic autonomous foodcoop
of Rotterdam

Good quality, delicious food from local suppliers and farmers. Located in Almondestraat 157, bio bulk bende is the first food co-op in Rotterdam.

Join us!

diff --git a/app/temp/styles/style.css b/app/temp/styles/style.css index 4787ce6..2ba3052 100644 --- a/app/temp/styles/style.css +++ b/app/temp/styles/style.css @@ -329,7 +329,7 @@ img { height: auto; } .site-header { - position: absolute; + position: fixed; width: 100%; z-index: 2; transition: background-color .3s ease-out; } @@ -338,12 +338,23 @@ img { padding-bottom: 18px; } @media (min-width: 800px) { .site-header { + position: absolute; position: fixed; background-color: rgba(0, 0, 0, 0.4); } } @media (min-width: 800px) { .site-header__btn-container { padding: 32px 0px 32px 0px; float: right; } } + .site-header__language { + margin: 13px auto 5px auto; + border-radius: 15px; + overflow: hidden; + width: 25px; + height: 25px; } + @media (min-width: 800px) { + .site-header__language { + margin: 40px 20px 0px 0px; + float: right; } } .site-header__menu-icon { width: 20px; height: 19px; @@ -418,6 +429,7 @@ img { transition: transform .3s ease-out; background-color: rgba(0, 0, 0, 0.5); } .site-header__logo--orange-bg { + transition: background-color .3s ease-out; background-color: orange; } @media (min-width: 800px) { .site-header__logo { @@ -465,7 +477,8 @@ img { display: block; padding: 5px 8px; font-size: .8rem; - background: rgba(0, 0, 255, 0.5); } + background: rgba(0, 0, 0, 0.5); + border-radius: 30px; } @media (min-width: 800px) { .primary-nav a { background: transparent; @@ -504,9 +517,12 @@ img { .large-hero__title { font-family: "CocogooseBold"; color: white; - font-size: 2.4rem; + font-size: 2.8rem; margin: 0; } @media (min-width: 530px) { + .large-hero__title { + font-size: 3.2rem; } } + @media (min-width: 800px) { .large-hero__title { font-size: 4.8rem; } } .large-hero__subtitle { @@ -515,6 +531,9 @@ img { font-size: 1.5rem; margin: 0; } @media (min-width: 530px) { + .large-hero__subtitle { + font-size: 1.8rem; } } + @media (min-width: 800px) { .large-hero__subtitle { font-size: 2.4rem; } } .large-hero__description { @@ -525,6 +544,9 @@ img { margin-left: auto; margin-right: auto; } @media (min-width: 530px) { + .large-hero__description { + font-size: 1.3rem; } } + @media (min-width: 800px) { .large-hero__description { font-size: 1.875rem; } } @@ -533,7 +555,8 @@ img { color: #fff; text-decoration: none; padding: .75rem 1.2rem; - display: inline-block; } + display: inline-block; + border-radius: 30px; } .btn--large { padding: 1.1rem 1.9rem; } @media (min-width: 530px) { diff --git a/app/temp/styles/style.css.map b/app/temp/styles/style.css.map index 7200809..48b2425 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/_wrapper.scss","modules/_large-hero.scss","modules/_btn.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: absolute;\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: 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__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 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, 255, 0.5); }\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.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.large-hero {\n border-bottom: 10px solid white;\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.4rem;\n margin: 0; }\n @media (min-width: 530px) {\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: 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.875rem; } }\n\n.btn {\n background-color: #00ab00;\n color: #fff;\n text-decoration: none;\n padding: .75rem 1.2rem;\n display: inline-block; }\n .btn--large {\n padding: 1.1rem 1.9rem; }\n @media (min-width: 530px) {\n .btn--large {\n font-size: 1.25rem; } }\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: absolute;\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: 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&__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\n\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\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(blue, .5);\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}",".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}",".large-hero {\n\tborder-bottom: 10px solid white;\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.4rem;\n\t\tmargin: 0;\n\n\t\t@include atSmall(){\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: 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.875rem;\n\t\t}\n\t}\n\n\n}",".btn{\n\tbackground-color: #00ab00;;\n\tcolor: #fff;\n\ttext-decoration: none;\n\tpadding: .75rem 1.2rem;\n\tdisplay: inline-block;\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\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/_wrapper.scss","modules/_large-hero.scss","modules/_btn.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.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.large-hero {\n border-bottom: 10px solid white;\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.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--large {\n padding: 1.1rem 1.9rem; }\n @media (min-width: 530px) {\n .btn--large {\n font-size: 1.25rem; } }\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}",".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}",".large-hero {\n\tborder-bottom: 10px solid white;\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}",".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&--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\n\n} "]} \ No newline at end of file