From 7bb27cb2edaf54bc1b87a79ec8c1d8c589a43163 Mon Sep 17 00:00:00 2001 From: Tancre Date: Thu, 17 Sep 2020 17:48:05 +0200 Subject: [PATCH] centered position logo --- app/assets/scss/modules/_btn.scss | 17 +++++++++++++++++ app/assets/scss/modules/_site-header.scss | 3 ++- app/assets/scss/style.scss | 2 +- app/index.html | 4 ++-- app/temp/styles/style.css | 15 ++++++++++++++- app/temp/styles/style.css.map | 2 +- 6 files changed, 37 insertions(+), 6 deletions(-) create mode 100644 app/assets/scss/modules/_btn.scss diff --git a/app/assets/scss/modules/_btn.scss b/app/assets/scss/modules/_btn.scss new file mode 100644 index 0000000..7e24b14 --- /dev/null +++ b/app/assets/scss/modules/_btn.scss @@ -0,0 +1,17 @@ +.btn{ + background-color: #00ab00;; + color: #fff; + text-decoration: none; + padding: .75rem 1.2rem; + display: inline-block; + + &--large { + padding: 1.1rem 1.9rem; + + @include atSmall(){ + font-size: 1.25rem; + } + } + + +} \ No newline at end of file diff --git a/app/assets/scss/modules/_site-header.scss b/app/assets/scss/modules/_site-header.scss index fe8a940..81219f1 100644 --- a/app/assets/scss/modules/_site-header.scss +++ b/app/assets/scss/modules/_site-header.scss @@ -11,6 +11,7 @@ &__btn-container{ @include atMedium(){ + padding: 32px 0px 32px 0px; float: right; } } @@ -34,7 +35,7 @@ &__logo{ position: absolute; - top: 0; + top: 3px; left: 50%; transform-origin: 50% 0%; transform: translateX(-50%) scale(.8); diff --git a/app/assets/scss/style.scss b/app/assets/scss/style.scss index 8de2d00..b699b12 100644 --- a/app/assets/scss/style.scss +++ b/app/assets/scss/style.scss @@ -7,6 +7,6 @@ @import './modules/primary-nav'; @import './modules/wrapper'; @import './modules/large-hero'; - +@import './modules/btn'; diff --git a/app/index.html b/app/index.html index c226c78..adeda9a 100644 --- a/app/index.html +++ b/app/index.html @@ -15,7 +15,7 @@
@@ -44,7 +44,7 @@

bio bulke bende

Organic autonomous foodcoop.

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!

+

Join us!

diff --git a/app/temp/styles/style.css b/app/temp/styles/style.css index e9f576b..b59cf94 100644 --- a/app/temp/styles/style.css +++ b/app/temp/styles/style.css @@ -339,6 +339,7 @@ img { 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__menu-content { opacity: 0; @@ -356,7 +357,7 @@ img { transform: scale(1); } } .site-header__logo { position: absolute; - top: 0; + top: 3px; left: 50%; transform-origin: 50% 0%; transform: translateX(-50%) scale(0.8); @@ -467,4 +468,16 @@ img { .large-hero__description { font-size: 1.875rem; } } +.btn { + background-color: #00ab00; + color: #fff; + text-decoration: none; + padding: .75rem 1.2rem; + display: inline-block; } + .btn--large { + padding: 1.1rem 1.9rem; } + @media (min-width: 530px) { + .btn--large { + font-size: 1.25rem; } } + /*# sourceMappingURL=style.css.map */ diff --git a/app/temp/styles/style.css.map b/app/temp/styles/style.css.map index 71c1f25..7f2bd95 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"],"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 @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 float: right; } }\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 @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: 0;\n left: 50%;\n transform-origin: 50% 0%;\n transform: translateX(-50%) scale(0.8);\n transition: transform .3s ease-out; }\n @media (min-width: 800px) {\n .site-header__logo {\n position: relative;\n float: left;\n left: auto;\n transform: translateX(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-family: \"CocogooseNormal\";\n color: white;\n font-size: 1.5rem;\n margin: 0; }\n @media (min-width: 530px) {\n .large-hero__subtitle {\n font-size: 2.9rem; } }\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","@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\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\tfloat: right;\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@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: 0;\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\n\t\t@include atMedium(){\n\t\t\tposition: relative;\n\t\t\tfloat: left;\n\t\t\tleft: auto;\n\t\t\ttransform: translateX(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\tfont-family: \"CocogooseNormal\";\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.9rem;\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}"]} \ 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: absolute;\n width: 100%;\n z-index: 2;\n transition: background-color .3s ease-out; }\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-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 @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: 3px;\n left: 50%;\n transform-origin: 50% 0%;\n transform: translateX(-50%) scale(0.8);\n transition: transform .3s ease-out; }\n @media (min-width: 800px) {\n .site-header__logo {\n position: relative;\n float: left;\n left: auto;\n transform: translateX(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-family: \"CocogooseNormal\";\n color: white;\n font-size: 1.5rem;\n margin: 0; }\n @media (min-width: 530px) {\n .large-hero__subtitle {\n font-size: 2.9rem; } }\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\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-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@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: 3px;\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\n\t\t@include atMedium(){\n\t\t\tposition: relative;\n\t\t\tfloat: left;\n\t\t\tleft: auto;\n\t\t\ttransform: translateX(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\tfont-family: \"CocogooseNormal\";\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.9rem;\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