:root {
--base-color-text: #6e0a06;
--base-color-accent: #179bb0;
--base-color-light: #ccc;
--base-color-background: #fff;
--base-font-family: "Ubuntu", verdana, sans-serif;
--base-font-size: 22px;
--base-line-height: 1.5;
--base-font-size-small: 14px;
--base-font-size-medium: 24px;
--base-layout-width: 1360px;
--base-content-width: 1360px;
--base-offset: 60px;
--base-offset-vertical: 125px;
--base-space: 20px;
--theme-color-accent-2: #f64441;
--base-headings-font-family: var(--base-font-family);
--base-headings-line-height: 1.2;
--base-headings-font-size-1: 52px;
--base-headings-font-size-2: 30px;
--base-headings-font-size-3: 24px;
--base-headings-font-size-4: 20px;
--header-height: calc(160px + 2*var(--base-offset));
--header-offset: var(--base-offset);
--header-background: var(--base-color-background);
--header-color: var(--base-color-text);
--header-color-accent: var(--base-color-accent);
}
body:not(.home) {
--header-height: calc(90px + 2*var(--base-offset));
}
@media (max-width: 1399px) {
:root {
--base-headings-font-size-1: 42px;
--base-headings-font-size-2: 26px;
--header-height: calc(90px + 2*var(--base-offset));
}
}
@media (max-width: 999px) {
:root {
--base-offset: 40px;
--base-font-size: 18px;
}
}
@media (max-width: 781px) {
:root {
--base-font-size: 16px;
--base-font-size-small: 0.8em;
--base-font-size-medium: 20px;
--header-height: calc(60px + 2*var(--base-offset));
--base-headings-font-size-1: 34px;
--base-headings-font-size-2: 18px;
}
body:not(.home) {
--header-height: calc(60px + 2*var(--base-offset));
}
}
@media (max-width: 599px) {
:root {
--base-offset: 20px;
}
} ul{
margin-left: 50px;
}