@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700;800&display=swap');

:root {
  color-scheme: light only;
  --v-color-cabbage-pont: #4A5240;  /*var(--v-color-cabbage-pont)*/
  --v-color-darkest: #203D40;       /*var(--v-color-darkest)*/
  --v-color-dark: #316064;          /*var(--v-color-dark)*/
  --v-color-dark-medium: #2C565A;   /*var(--v-color-dark-medium)*/
  --v-color-medium-dark: #4B908E;   /*var(--v-color-medium-dark)*/
  --v-color-medium: #366E73;        /*var(--v-color-medium)*/
  --v-color-medium-light: #7AB4B2;  /*var(--v-color-medium-light)*/
  --v-color-teal: #73C0BE;          /*var(--v-color-teal)*/
  --v-color-lightest-blue: #EBF3F3; /*var(--v-color-lightest-blue)*/
  --v-color-blue: #4A90E2;          /*var(--v-color-blue)*/
  --v-color-lightest: #FFFFFF;      /*var(--v-color-lightest)*/
  --v-color-light: #F8F8F8;         /*var(--v-color-light)*/
  --v-color-light-rgb: 248, 248, 248;
  --v-color-light-m-dark: #DEDEDE;  /*var(--v-color-light-m-dark)*/
  --v-color-light-medium: #CBCBCC;  /*var(--v-color-light-medium)*/
  --v-color-light-dark: #747474;    /*var(--v-color-light-dark)*/
  --v-color-grey-dark: #222222;     /*var(--v-color-grey-dark)*/
  --v-color-grey-e-dark: #201f1d;   /*var(--v-color-grey-e-dark)*/
  --v-color-grey-e-dark-rgb: 32, 31, 29;
  --v-color-black: #000000;         /*var(--v-color-black)*/
  --v-color-yellow-light: #F5FF6F;  /*var(--v-color-yellow-light)*/
  --v-color-yellow: #FFCE2D;        /*var(--v-color-yellow)*/
  --v-color-orange: #F6B44D;        /*var(--v-color-orange)*/
  --v-color-bright-orange: #F8AB1F; /*var(--v-color-bright-orange)*/
  --v-color-bright-orange-rgb: 248, 171, 31;
  --v-color-grey-medium: #D08815;   /*var(--v-color-grey-medium)*/
  --v-color-bright-red: #E83B3B;    /*var(--v-color-bright-red)*/
}

body, body * {
  font-family: 'Manrope', sans-serif;
  box-sizing: border-box;
  color: var(--v-color-grey-dark);
}

button:focus-visible {
  outline: 2px solid var(--v-color-blue) !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}

/*.d-mobile {
  display: initial !important;
}

.d-desktop {
  display: none !important;
}*/

.header {
  background: var(--v-color-medium-light);
}

.header * {
  color: var(--v-color-lightest);
}

.header .container,
.header .container-fluid {
  height: 50px;
}

.header .container *,
.header .container-fluid * {
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  line-height: 0.9;
}

.header h1 img {
  height: 24px;
  max-width: 100%;
}

.header nav img {
  height: 28px;
  max-width: 100%;
}

.footer {
  background: var(--v-color-medium-dark);
  padding-top: 30px;
  padding-bottom: 30px;
}
.footer * {
  color: var(--v-color-lightest);
}
.footer ul {
  margin-bottom: 20px;
  list-style-type: none;
  flex-wrap: wrap;
  gap: 20px;
}

.footer ul a {
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

.footer .footer-primary {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 5px;
}

.footer .footer-secondary {
  margin-bottom: 20px;
}
.footer .footer-secondary:last-child {
  margin-bottom: 0;
}

.footer .footer-secondary,
.footer .footer-secondary * {
  font-weight: 300;
  font-size: 12px;
  line-height: 24px;
  color: var(--v-color-light);
}


@media screen and (min-width: 768px) {
/*  .d-mobile {
    display: none !important;
  }

  .d-desktop {
    display: initial !important;
  }*/

  .header .container,
  .header .container-fluid {
    height: 60px;
  }

  .header .container *,
  .header .container-fluid * {
    font-size: 40px;
  }

  .header h1 img {
    height: 36px;
  }

  .header nav img {
    height: 34px;
  }
}