:root {
    --white: #fff;
    --black: #000;
    --theme: #1ebbec;
    --theme-rgb: 30, 187, 236;
    --theme-darker: #0D7293;
    --theme-contrast: #FFF;
    --heading-theme: #1ebbec;
    --theme-alt: #2ECC71;
    --theme-alt-darker: #1C7B44;
    --heading-dark: #12161d;
    --text-dark: #444;
    --background-dark: #12161d;
    --background-dark-lighter: #161C23;
    --border-dark: rgba(0, 0, 0, 0.08);
    --heading-light: #FFF;
    --text-light: #FFF;
    --background-light: #f9f9f9;
    --border-light: rgba(255, 255, 255, 0.1);
    --selected-nav-item: #1ebbec;
    --header-height: 90px;
    --logo-padding: 24px;
    --navigation-padding: 15px;
    --pre-top-height: 30px;
    --top-combo-calc: calc(var(--header-height) + var(--pre-top-height));
    --grid-width-small: 850px;
    --grid-width: 1300px;
    --grid-width-big: 1600px;
    --grid-gutter: 30px;
    --grid-gutter-half: calc(var(--grid-gutter) / 2);
    --button-border-radius: 5px;
    --body-font: aktiv-grotesk, sans-serif;
    --heading-font: aktiv-grotesk, sans-serif;
    --font-size: 1.1rem;
    --font-size-big: 1.25rem;
    --font-weight-light: 400;
    --font-weight-normal: 500;
    --font-weight-bold: 700;
    --font-weight-bolder: 900;
    --body-font-weight: var(--font-weight-normal);
    --heading-font-weight: var(--font-weight-bold);
    --success: #2ecc71;
    --error: #e74c3c
}

@media only screen and (max-width:1200px) {
    :root {
        --navigation-padding: 8px
    }
}

@media only screen and (max-width:992px) {
    :root {
        --header-height: 60px;
        --grid-gutter: 20px;
        --logo-padding: 16px
    }
}

@media only screen and (max-width:768px) {
    :root {
        --grid-gutter: 15px
    }
}

@media only screen and (max-width:480px) {
    :root {
        --grid-gutter: 15px
    }
}