@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
@import url("https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Render the `main` element consistently in IE. */
main { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

/* eslint function-url-quotes: "off" */
@font-face { font-family: "MoreGothic"; src: url("/assets/fonts/d4f2739ea91e6b163eecd4826de1c604.eot"); /* IE9*/ src: url("/assets/fonts/d4f2739ea91e6b163eecd4826de1c604.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/d4f2739ea91e6b163eecd4826de1c604.woff2") format("woff2"), url("/assets/fonts/d4f2739ea91e6b163eecd4826de1c604.woff") format("woff"), url("/assets/fonts/d4f2739ea91e6b163eecd4826de1c604.ttf") format("truetype"), url("/assets/fonts/d4f2739ea91e6b163eecd4826de1c604.svg#More Gothic Bold") format("svg"); /* iOS 4.1- */ font-weight: 700; }

.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; text-decoration: none; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; }

/*
Golden ratio typescale
https://type-scale.com/?size=16&scale=1.618&text=A%20Visual%20Type%20Scale&font=Libre%20Franklin&fontweight=900&bodyfont=body_font_default&bodyfontweight=400&lineheight=1.75&backgroundcolor=%23ffffff&fontcolor=%23000000&preview=false
*/
html { font-size: 100%; height: 100%; }

body, html { padding: 0; margin: 0; }

body { color: getColor(text); font-family: "Libre Franklin"; font-weight: 400; min-height: 100%; word-wrap: break-word; font-style: normal; line-height: 1.5; }

p { margin-bottom: 1rem; line-height: 1.5; }

h1, h2, h3, h4, .faqs .tabs ul li a, h5 { margin: 3rem 0 1.38rem; font-weight: 900; line-height: 1.25; }

h1 { margin-top: 0; font-size: 6.854rem; }

h2 { font-size: 4.236rem; }

h3 { font-size: 2.618rem; }

h4, .faqs .tabs ul li a { font-size: 1.618rem; }

h5 { font-size: 1rem; }

small, .text_small { font-size: 0.618rem; }

h1, h2, h3, h4, .faqs .tabs ul li a, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5em; }

strong { font-weight: 900; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.get-help, .intro, .is-this-right-for-you, .privacy, .disclaimer { width: 100vw; }

.get-help > .content, .intro > .content, .is-this-right-for-you > .content, .privacy > .content, .disclaimer > .content { margin: 0 auto; padding: 0 2rem; }

@media (min-width: 720px) { .get-help > .content, .intro > .content, .is-this-right-for-you > .content, .privacy > .content, .disclaimer > .content { max-width: 720px; padding: 0 3rem; } }

@media (min-width: 1080px) { .get-help > .content, .intro > .content, .is-this-right-for-you > .content, .privacy > .content, .disclaimer > .content { max-width: 1080px; padding: 0 4rem; } }

.language-select .wrapper .options ul { list-style: none; padding: 0; margin: 0; }

.language-select .wrapper .options ul li { padding: 0; }

a.button.lg { font-size: 2.618rem; position: relative; left: 50%; top: 50%; background-color: #20A78C; transition-property: box-shadow transform padding; transform: scale(1) translate(-50%, 20%); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-duration: 0.3s; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }

a.button.lg:hover { box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.6); text-decoration: underline; }

@media (min-width: 720px) { a.button.lg:hover { padding: 1.25rem 2.25rem; } }

@media (min-width: 720px) { a.button.lg:active { padding: 1.125rem 2.125rem; } }

a.button.md { font-size: 1.618rem; }

a { color: #1E9981; }

a.button { display: inline-block; background-color: #FF4630; border-radius: 0.25rem; padding: 1rem 1.5rem; text-decoration: none; line-height: 1; font-weight: 900; color: white; }

.faq { border-radius: 0.325rem; white-space: normal; background-color: #20A78C; box-shadow: 0.125rem 0.125rem 0.5rem rgba(0, 0, 0, 0.7); transition-property: background-color; transition-duration: 0.25s; transition-timing-function: cubic-bezier(); padding: 2rem; padding-bottom: 0; margin-bottom: 1rem; color: white; cursor: pointer; }

@media (min-width: 1080px) { .faq { padding: 1.5rem   2.375rem; padding-bottom: 0; } }

.faq .question { position: relative; }

.faq .question h3 { max-width: 24rem; font-size: 1.618rem; margin-top: 2rem; }

@media (min-width: 720px) { .faq .question h3 { font-size: 1.618rem; max-width: 36rem; } }

@media (min-width: 1080px) { .faq .question h3 { max-width: 54rem; } }

.faq .question h3 a { text-decoration: none; }

.faq .question .chevron { position: absolute; width: 3rem; right: -2rem; top: 0; transition-property: transform; transition-duration: 0.5s; transition-timing-function: cubic-bezier(); transform: translateX(-25%); }

@media (min-width: 1080px) { .faq .question .chevron { right: 0; } }

.faq .answer { padding-top: 1rem; max-height: 0; height: 0; overflow: hidden; transition-property: max-height, height; transition-duration: 0.5s; transition-timing-function: ease-out; padding-bottom: 3.375rem; }

@media (min-width: 1080px) { .faq .answer { max-width: 54rem; } }

.faq .answer .answer-wrapper { position: relative; top: 3rem; opacity: 0; transition-property: opacity, top; transition-duration: 0.5s; transition-delay: 0.125s; transition-timing-function: ease-out; }

.faq .answer a { color: white; text-decoration: underline; }

.faq.active { background-color: #146656; }

.faq.active .chevron { transform: translateX(-25%) rotate(90deg); }

.faq.active .answer { transition-property: max-height, height; transition-duration: 0.5s; transition-timing-function: ease-out; max-height: 300vh; height: 100%; }

.faq.active .answer .answer-wrapper { opacity: 1; top: 0; }

.page__header { position: relative; margin-bottom: 1rem; }

@media (min-width: 720px) { .page__header { margin-bottom: 3rem; } }

.page__header svg { width: 100%; height: 200px; }

@media (min-width: 720px) { .page__header svg { height: 250px; } }

.page__header .page__title { display: inline-block; position: absolute; left: 0; top: 4rem; width: 100%; }

.page__header .page__title h1 { color: #fff; font-size: 4.236rem; padding-left: 1.25rem; width: 1080px; margin: 0 auto; }

@media (min-width: 1080px) { .page__header .page__title h1 { padding-left: 0; } }

@media (min-width: 1600px) { .page__header .page__title h1 { padding-left: 0; } }

.page__footer { margin-top: 4rem; background-color: #FFED9C; padding: 0.5rem 3rem; font-size: 1.618rem; font-weight: 900; }

.page__footer ul { padding: 0; margin: 0 auto; list-style: none; }

.page__footer ul li { display: inline-block; margin-right: 3rem; font-size: 1rem; }

.page__footer ul li a { color: #1E9981; }

.language-select { position: absolute; left: auto; z-index: 5; top: 0.25rem; right: 1rem; }

@media (max-width: 720px) { .language-select .text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } }

@media (min-width: 720px) { .language-select { top: 0.75rem; } }

.language-select .wrapper { text-align: right; position: relative; background-color: #fff; }

.language-select .wrapper .icon { position: relative; display: inline-block; width: 2rem; top: 0.35rem; }

.language-select .wrapper .actuator { display: block; padding: 0.25rem; }

.language-select .wrapper .actuator::after { position: relative; content: "▼"; font-size: 9px; display: block; width: 1rem; height: 1rem; position: absolute; right: -0.4rem; top: 1.125rem; color: #20A78C; }

.language-select .wrapper .options { position: relative; z-index: -1; }

.language-select .wrapper .options ul li a { display: block; box-sizing: border-box; padding: 0.25rem 0.5rem; text-decoration: none; width: 100%; height: 100%; }

.language-select .wrapper .options ul li a.active { background-color: #1E9981; color: #fff; }

.language-select .wrapper .options ul li a:focus, .language-select .wrapper .options ul li a:hover { color: #434343; background-color: #FFED9C; }

.language-select .wrapper .options.visible { position: fixed; z-index: 20; top: 1rem; left: 1rem; width: 90vw; background-color: white; text-align: left; box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3); }

@media (min-width: 720px) { .language-select .wrapper .options.visible { position: absolute; width: auto; top: 0.5rem; right: 2rem; left: auto; } }

.page__content { overflow: hidden; }

.page__content .content { max-width: 1080px; margin: 0 auto; padding: 0 1rem; }

.page__content .content > h2 { color: #FF4630; font-size: 1.618rem; }

@media (min-width: 720px) { .page__content .content > h2 { font-size: 2.618rem; } }

@media (min-width: 1080px) { .page__content .content > h2 { font-size: 4.236rem; } }

.intro { box-sizing: border-box; }

.intro em { font-style: normal; color: #1E9981; }

.intro h2 { text-transform: uppercase; font-size: 1.618rem; }

@media (min-width: 720px) { .intro h2 { font-size: 2.618rem; } }

@media (min-width: 1600px) { .intro h2 { font-size: 4.236rem; } }

.intro .video { text-align: center; padding: 2rem 0; }

.intro .video iframe { width: 100%; height: calc(100% * 9/16); }

@media (min-width: 420px) { .intro .video iframe { height: 315px; } }

.intro .buttons .button { width: 100%; box-sizing: border-box; text-align: center; }

@media (min-width: 420px) { .intro .buttons .button { width: auto; font-size: 1.618rem; } }

.intro .not-alone { font-size: 1.618rem; font-weight: 900; }

.intro .intro-small { max-width: 55rem; }

.privacy { position: relative; margin-top: 0; }

.privacy h2, .privacy h3 { margin-top: 1rem; }

.privacy .content { position: relative; z-index: 10; }

.privacy .content h2 { font-family: "MoreGothic"; font-weight: bold; position: relative; font-size: 2.618rem; top: 2rem; margin-bottom: 3rem; }

@media (min-width: 720px) { .privacy .content h2 { top: 0.25rem; font-size: 4.236rem; } }

.privacy .content h3 { font-size: 1.618rem; }

@media (min-width: 1080px) { .privacy .content h3 { font-size: 2.618rem; } }

.privacy .content .privacy-policy { margin-right: 2rem; margin-bottom: 1rem; display: inline-block; }

.privacy .bg { z-index: 1; height: 200px; position: absolute; width: 100vw; top: 0; left: 0; }

@media (min-width: 720px) { .privacy .bg { height: 680px; } .privacy .content { top: 5rem; margin-bottom: 8rem; display: flex; } .privacy .content h2 { padding-left: 0; width: 50%; } .privacy .content > div { padding-left: 2rem; width: 50%; } }

@media (min-width: 1080px) { .privacy .bg { height: 535px; } }

.disclaimer h2 { font-size: 2.618rem; }

@media (min-width: 720px) { .disclaimer h2 { font-size: 2.618rem; } }

.get-help h2 { color: #FF4630; text-transform: uppercase; font-size: 2.618rem; }

@media (min-width: 720px) { .get-help .side-by-side > div { position: relative; left: 2rem; } .get-help .side-by-side > div:first-of-type { left: -2rem; } }

@media (min-width: 1080px) { .get-help > h2:first-of-type { font-size: 4.236rem; } }

.get-help .side-by-side .conjunction { background-color: #000; padding: 0.5rem 1rem; color: #fff; font-family: "MoreGothic"; letter-spacing: 1px; font-size: 1.618rem; text-transform: uppercase; font-weight: 900; position: relative; top: 1rem; }

.get-help .side-by-side h3 { margin-top: 0; }

@media (min-width: 720px) { .get-help .side-by-side { position: relative; display: flex; } .get-help .side-by-side > div { display: inline-block; flex-grow: 1; flex-basis: 0; padding-left: 4.5rem; } .get-help .side-by-side > div:first-child { padding-left: 0; padding-right: 3.5rem; } .get-help .side-by-side .conjunction { position: absolute; left: 50%; top: 5rem; z-index: 1; background-color: #000; padding: 0.5rem 1rem; transform: translateX(-50%); font-size: 1rem; } }

.get-help .get-started .content { margin-bottom: 2rem; }

@media (min-width: 720px) { .get-help .get-started .content { margin-top: 4rem; } }

.get-help .get-started .content .button.lg { display: block; max-width: 42rem; text-align: center; font-size: 1.618rem; }

@media (min-width: 720px) { .get-help .get-started h4, .get-help .get-started .faqs .tabs ul li a, .faqs .tabs ul li .get-help .get-started a { text-align: center; } }

.get-help .get-started .other-options h4, .get-help .get-started .other-options .faqs .tabs ul li a, .faqs .tabs ul li .get-help .get-started .other-options a { margin: 3rem 0; }

.faqs-wrapper .offset-wrapper { display: flex; justify-content: space-between; transform: translateX(0); transition-property: transform; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.18, 0.07, 0.11, 0.99); }

.faqs { max-width: 1080px; margin: 0 auto; }

.faqs .tabs { padding: 0 1.125rem; }

.faqs .tabs ul { list-style: none; margin: 0; padding: 0; }

.faqs .tabs ul li { display: inline-block; margin-left: 3rem; }

.faqs .tabs ul li a { text-decoration: none; color: #434343; }

.faqs .tabs ul li a:hover, .faqs .tabs ul li a:focus { border-bottom: 0.25rem #20A78C solid; }

.faqs .tabs ul li a:active { color: #20A78C !important; }

@media (min-width: 720px) { .faqs .tabs ul li a { font-size: 1.618rem; } }

@media (min-width: 1080px) { .faqs .tabs ul li a { font-size: 2.618rem; } }

.faqs .tabs ul li.active a { color: #20A78C; border-bottom: 0.25rem #20A78C solid; }

.faqs .tabs ul li:first-child { margin-left: 0; }

.faqs .faqs-wrapper { white-space: nowrap; max-width: 1080px; }

.faqs .faqs-wrapper .tab-element .tab-content-item .container { padding-right: 100rem; box-sizing: content-box; width: 90vw; }

@media (min-width: 1080px) { .faqs .faqs-wrapper .tab-element .tab-content-item .container { width: 1080px; } }

@media (max-width: 720px) { body.es .faqs .tabs ul li a { font-size: 1rem; } }

.hero { position: relative; min-height: 320px; }

@media (min-width: 720px) { .hero { min-height: auto; max-height: 380px; } }

@media (min-width: 1080px) { .hero { max-height: 480px; } }

.hero .bg { position: relative; }

.hero .bg img { min-height: 320px; display: block; position: relative; margin: 0 auto; object-position: center; z-index: 1; max-width: 100%; object-fit: fill; }

@media (min-width: 720px) { .hero .bg img { min-height: auto; max-height: 380px; } }

@media (min-width: 1080px) { .hero .bg img { max-height: 480px; } }

@media (min-width: 720px) { .hero .bg img { min-width: 720px; object-fit: cover; } }

@media (min-width: 1080px) { .hero .bg img { max-width: 1080px; object-fit: fill; } }

.hero .bg svg { mix-blend-mode: multiply; z-index: 2; position: absolute; width: 100%; top: 0; }

.hero .slash { mix-blend-mode: multiply; position: absolute; z-index: 11; width: 100%; top: 72%; height: 36px; }

@media (min-width: 720px) { .hero .slash { top: 59%; } }

@media (min-width: 1080px) { .hero .slash { top: 57%; height: 72px; } }

.hero .page-title { box-sizing: border-box; width: 100%; padding: 0 0 0 0.5rem; letter-spacing: -1px; margin: 0 auto; color: white; position: absolute; z-index: 10; left: 50%; transform: translateX(-50%); text-transform: uppercase; font-size: 2.618rem !important; white-space: normal; bottom: -0.75rem; max-width: 420px; }

@media (max-width: 420px) { .hero .page-title br:nth-child(2) { display: none; clear: none; } }

@media (min-width: 420px) { .hero .page-title { font-size: 2.618rem !important; padding: 0 2rem; max-width: 420px; } }

@media (min-width: 720px) { .hero .page-title { font-size: 4.236rem !important; max-width: 720px; bottom: -1.25rem; } }

@media (min-width: 1080px) { .hero .page-title { font-size: 6.854rem !important; max-width: 1080px; bottom: -1rem; line-height: 1; padding: 0 4rem; } }

@media (min-width: 720px) { body.es .hero .page-title { font-size: 4.236rem !important; } }

body.es .hero .slash { mix-blend-mode: multiply; position: absolute; z-index: 11; width: 100%; top: 50%; height: 110px; }

@media (min-width: 720px) { body.es .hero .slash { top: 59%; height: 36px; } }

@media (min-width: 1080px) { body.es .hero .slash { top: 70%; height: 72px; } }

nav.nav--primary { position: relative; padding: 2rem 2rem 0rem 2rem; box-sizing: border-box; margin: 0 auto; }

nav.nav--primary .logo { max-width: 180px; }

nav.nav--primary .logo svg { height: 100%; }

@media (min-width: 420px) { nav.nav--primary .logo svg { max-width: 302px; } }

@media (min-width: 1080px) { nav.nav--primary { padding: 2rem 2rem 3rem 2rem; max-width: 1600px; padding-left: 3rem; padding-right: 3rem; } }

@media (min-width: 1600px) { nav.nav--primary { max-width: 1600px; } }

nav.nav--primary .nav { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; right: auto; }

nav.nav--primary .nav li { display: inline-block; text-align: center; }

nav.nav--primary .nav li:first-child, nav.nav--primary .nav li:nth-child(4) { text-align: left; }

nav.nav--primary .nav li:last-child, nav.nav--primary .nav li:nth-child(3) { text-align: right; }

nav.nav--primary .nav li:nth-child(1), nav.nav--primary .nav li:nth-child(2), nav.nav--primary .nav li:nth-child(3) { width: 33.33%; }

nav.nav--primary .nav li:nth-child(4) { width: 45%; }

nav.nav--primary .nav li:nth-child(5) { width: 55%; }

@media (min-width: 420px) { nav.nav--primary .nav li:nth-child(4), nav.nav--primary .nav li:last-child { text-align: center; } }

@media (min-width: 720px) { nav.nav--primary .nav li { width: auto !important; } }

nav.nav--primary .nav li a { display: block; padding: 0.55rem 0; border-bottom: 3px transparent solid; text-decoration: none; text-transform: uppercase; color: #434343 !important; font-weight: 900; }

nav.nav--primary .nav li a:focus, nav.nav--primary .nav li a:hover { border-color: #434343; }

nav.nav--primary .nav li a.active { border-color: #FF4630; }

@media (min-width: 1080px) { nav.nav--primary .nav { display: block; position: absolute; right: 1.75rem; top: 3.125rem; } nav.nav--primary .nav li { margin-right: 1rem; } }

/*# sourceMappingURL=styles.css.map */