* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

::-webkit-input-placeholder {
    color: var(--color-text--muted);
    font-family: var(--font-family-default);
    /*font-size: var(--font-size-default);
    font-weight: 600;*/
}
:-ms-input-placeholder {
    color: var(--color-text--muted);
    font-family: var(--font-family-default);
    /*font-size: var(--font-size-default);
    font-weight: 600;*/
}
:-moz-placeholder {
    color: var(--color-text--muted);
    font-family: var(--font-family-default);
    /*font-size: var(--font-size-default);
    font-weight: 600;*/
}
::-moz-placeholder {
    color: var(--color-text--muted);
    font-family: var(--font-family-default);
   /* font-size: var(--font-size-default);
    font-weight: 600;*/
}

::selection {
    background: var(--color-primary);
	color: var(--color-contrast);
}

::-webkit-scrollbar {
    width: calc(var(--grid-gap) / 8 + 2px);
}

::-webkit-scrollbar-track {
    background-color: var(--color-primary--extra-light);
}

::-webkit-scrollbar-thumb {
    background-color: var(--color-primary--light);
}

html, body {
    color: var(--color-paragraph);
    background: var(--color-contrast);
    font-family: var(--font-family-default);
    font-size: var(--font-size-default);
    margin: 0;
    padding: 0;
}
body {
	counter-reset: menu-main section-nav section-why; 
}
p, ol, ul {
    color: var(--color-paragraph);   
    font-size: calc(var(--grid-gap) / 4);
    line-height: calc(var(--grid-gap) / 8 * 3);
    margin: 0;
    /* line-height: calc(var(--grid-gap) / 16 * 5); */
    /* text-align: justify; */
}

h1,
h2,
h3 {
    font-family: var(--font-family-headings);
    font-weight: inherit;
	font-weight: 900;
}
h1 {
    font-size: var(--grid-gap);
    line-height: var(--grid-gap);
    /* line-height: calc(var(--grid-gap) / 4 * 3); */
}
h2 {
    /* font-size: calc(var(--grid-gap) / 8 * 5 + 2px); */
    font-size: calc(var(--grid-gap) / 2);
    line-height: calc(var(--grid-gap) / 2); 
}
h3 {
    font-size: calc(var(--grid-gap) / 8 * 3);
	line-height: calc(var(--grid-gap) / 8 * 3);
    /* line-height: calc(var(--grid-gap) / 4 + 2px); */
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}