:root {
  --main-color: #66DADD;
  --main-ligher-color: #D3FEEA;
  --main-darker-color: #66DADD;
  --main-link-button-color: #46cdd3;
  --main-lighet-color-used: #D7FEED;
  --lighter-title-color: #78E8B9;
  --light-shade: #E4F2F9;
  --header-color: #66DADD;
  --header-color-lighter: #D3FEEA;
  --footer-color: #66DADD;
  --header-color-faded: #B6FEDD;
  --footer-color-text: #000000;
}
.main_logo{
	width: 198px;
	height: 49px;
	background: url(../images/designlogo/youngart_header.png) center no-repeat;
	margin: 39px 0 14px 3px;
	background-size: contain;
}
.main-nav{
  background: var(--header-color);
}
.logo_footer {
    display: block;
    /* width: 420px;
    height: 69px; */
    background: url(../images/logos2025/youngart_white.png) center no-repeat;
    filter: invert(1);
}
.logo-link {
    display: block;
    width: 168px;
    height: 56px;
    background: url(../images/logos2025/youngart.png) center no-repeat;
}

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