.navbar  {
  .navbar-brand {
    height: 80px;
    width: 122px;
    transition: height 0.2s ease, transform 0.2s ease;
    transform-origin: bottom left;
  }
  .navbar-brand svg {
    transition: all 0.2s ease-in-out;
    .main {
      transition: all 0.2s ease-in-out;
      transform: translateY(0);
    }
    g {
      transition: all 0.2s ease-in-out;
    }
    .logotip {
      transition: all 0.2s ease-in-out;
    }
    height: auto;
  }
  .letters {
    transform: translateY(100%);
  }
  .letters > *{
    fill: #fff;
  }
  .logotip {
    transform: scale(1.4);
    transform-origin: top left;
  }
}
.navbar.scrolled {
  & .navbar-brand svg {
    /* .main {
      transform: translateY(24px);
    } */
  }
  .navbar-brand {
    height: 48px;
  }
  .letters {
    transform: translateY(32px);
  }
  .letters > *{
    fill: #000;
  }
  .logotip {
    transform: scale(1) translateY(24px);
  }
}

@media (min-width: 992px){
  .navbar {
    & .navbar-brand svg {
        /* .main {
        transform: translateY(24px);
        } */
    }
    .navbar-brand {
        height: 48px;
        width: 212px;
    }
    .letters {
        transform: translateY(32px);
    }
    .letters > *{
        fill: #fff;
    }
    .logotip {
        transform: scale(1) translateY(24px);
    }
  }

  .body-second-background, .single-post {
    .navbar {
      .letters > * {
        fill: #fff !important;
      }
    }
	  
	.navbar.scrolled {
      .letters > * {
        fill: #000 !important;
      }
    }
	  
  }

  .page  {
    .container-general {
      position: relative;
      justify-content: end;
      min-height: 48px;
    }
    .navbar-toggler .nav-line {
      background-color: #fff;
    }
    .lang-switcher {
      & a {
        color: #fff; 
      }
      & .devider {
        background-color: #fff;
      }
    }
    &.offcanvas-open {
      .navbar-toggler .nav-line {
        background-color: #fff;
      }
      .lang-switcher {
        & a {
          color: #fff;
        }
        & .devider {
          background-color: #fff;
        }
      }
    }
    .navbar  {


      .navbar-brand {
        position: absolute;
        top: -24px;
        left: -38px;
        height: 187px;
        width: 285px;
        transition: height 0.2s ease, transform 0.2s ease;
        transform-origin: top left;
      }

      .letters {
        transform: scale(0.9) translateY(160%) translateX(-13.5%);
		 
      }
      .letters > *{
        fill: #fff;
      }
      .logotip {
        transform: scale(.9) translate(15px,15px);
        transform-origin: top left;
      }
    }
    .navbar.scrolled {
      .navbar-brand {
        height: 48px;
		  top: 0;
      }
      .letters {
        transform: translateY(15%) translateX(0);
      }
      .letters > *{
        fill: #000;
      }
      .logotip {
        transform: scale(1);
      }
      .main {
        transform: translateY(24px) translatex(-36px);
      }
    }
  }
}
@media (min-width: 1470px){
	.page {
		& .navbar {
			& .logotip {
				transform: scale(1.4);
			}
			& .letters {
				transform: scale(1)  translateY(160%) translateX(-15.5%)
			}
		}
	}
}