:root {
  --main-color: #FFE9BF;
  --main-ligher-color: #FFF2DD;
  --main-darker-color: #FFE9BF;
  --main-link-button-color: #b8c759;
  --main-lighet-color-used: #ffecc5;
  --lighter-title-color: #EBC87D;
  --light-shade: #F4FBEB;
  --header-color: #FFE9BF;
  --header-color-lighter: #FFF2DD;
  --footer-color: #FFE9BF;
  --header-color-faded: #eeb727;
  --footer-color-text: #3A2F1B;
}
.main-nav{
  background: var(--header-color);
}
.main_logo{
	width: 197px;
	height: 73px;
	background: url(../images/designlogo/grafic_header.png) center no-repeat;
	margin: 30px 0 15px 3px;
	background-size: contain;
}
.logo-link {
  display: block;
  width: 168px;
  height: 56px;
  background: url(../images/logos2025/grafic.png) center no-repeat;
}

.logo_footer {
  display: block;
  width: 197px;
  height: 76px;
  background: url(../images/logos2025/grafic_white.png) center no-repeat;
  filter: invert(1);
}

@media (max-width: 991.98px) {
  .logo-link {
    background: url(../images/logos2025/grafic_white.png) center no-repeat;
    filter: invert(1);
  }
  button#mobileMenuToggle, .color_header{
    color: var(--footer-color-text) !important;
  }
}