:root {
    /* Base */
    --white: #fff;
    --black: #000;
    
    /* Theme */
    --theme: #003241;
    --theme-rgb: 0, 50, 65;
    --theme-darker: #001E26;
    --theme-contrast: #FFF;
    
    /* Theme alt */
    --theme-alt: #00b095;
    --theme-alt-darker: #006A5A;
    --theme-alt-contrast: #fff;
    
    /* Dark */
    --heading-dark: #292929;
    --text-dark: #292929;
    --background-dark: #292929;
    --background-dark-lighter: #2E2E2E;
    --border-dark: rgba(0, 0, 0, 0.08);
    
    /* Light */
    --heading-light: #FFF;
    --text-light: #FFF;
    --background-light: #f2f2f2;
    --border-light: rgba(255, 255, 255, 0.1);
    
    /* Header */
    --selected-nav-item: #003241;
    --header-height: 96px;
    --logo-padding: 20px;
    --navigation-padding: 32px;
    --pre-top-height: 30px;
    --top-combo-calc: calc(var(--header-height) + var(--pre-top-height));
    
    /* Grid */
    --grid-width-small: 850px;
    --grid-width: 1224px;
    --grid-width-big: 1440px;
    --grid-gutter: 48px;
    --grid-gutter-half: calc(var(--grid-gutter) / 2);
    
    /* Buttons */
    --button-border-radius: 35px;
    
    /* Typography */
    --body-font: "aktiv-grotesk", Arial, sans-serif;
    --heading-font: "aktiv-grotesk", Arial, sans-serif;
    --font-size: 1.1rem;
    --font-size-big: 1.25rem;
    
    --font-weight-normal: normal;
    --font-weight-light: 300;
    --font-weight-bold: bold;
    --font-weight-bolder: bolder;
    
    --body-font-weight: var(--font-weight-normal);
    --heading-font-weight: var(--font-weight-bold);
    
    /* Validation */
    --success: #2ecc71;
    --error: #e74c3c;
}
@media only screen and (max-width: 1200px) {
  :root {
    --navigation-padding: 32px;
  }
}
@media only screen and (max-width: 992px) {
  :root {
    --header-height: 65px;
    --grid-gutter: 32px;
    --logo-padding: 12px;
  }
}
@media only screen and (max-width: 768px) {
  :root {
    --grid-gutter: 32px;
  }
}
@media only screen and (max-width: 480px) {
  :root {
    --grid-gutter: 32px;
  }
}