@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap');

:root {
  --color-accent-50: 254 237 237;
  --color-accent-100: 252 219 218;
  --color-accent-200: 250 181 181;
  --color-accent-300: 248 140 140;
  --color-accent-400: 247 91 90;
  --color-accent-500: 231 38 35;
  --color-accent-600: 185 28 26;
  --color-accent-700: 142 19 17;
  --color-accent-800: 101 10 9;
  --color-accent-900: 62 4 3;
  --color-accent-950: 43 2 2;
}

.t-primary-bgcolor {
    background-color: #2E2E2E;
}

a {
    color: #cd0202;
}

.container {
    width: 1200px;
}

.header-wrapper {
    background-color: #fff;
    position: relative;
    border-top: 20px solid #2E2E2E;
}

.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 3rem;
    padding-bottom: 3rem;
}


.header__logo img {
    max-height: 73px;
}

.header__nav a {
    color: #cd0202;
    font-size: 23px;
    text-transform: uppercase;
    font-family: "TEKO", Arial, sans-serif;
    font-weight: 300;
}

.header__nav a:hover {
    text-decoration: none;
    color: black;
}