/*------------------------------------------*/
      /*  HEADER LOGO
      /*------------------------------------------*/
      .desktoplogo img,
      .centerlogo img,
      .smllogo img {
        width: auto;
        max-width: inherit;
        max-height: 45px;
        -webkit-transition: all 450ms ease-in-out;
        -moz-transition: all 450ms ease-in-out;
        -o-transition: all 450ms ease-in-out;
        -ms-transition: all 450ms ease-in-out;
        transition: all 450ms ease-in-out; 
      }
      
      .mobileheader .smllogo {
        display: block;
        margin-top: 19px;
        padding-left: 0;
      }
      
      .logo-site {
        position: relative;
        margin: auto;
      }
      .logo-site span {
        font-size: 2rem; 
        font-weight: 700;
      }
      .logo-site p,
      .logo-site a  {
        padding: 0 !important;
        margin: 0 !important;
      }

      .centerlogo img,
      .smllogo img {
        max-height: 23px;
        position: relative;
        top: -14px;
        left: 19px;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
      }
      
      .scroll .centerlogo img,
      .scroll .smllogo img,
      .logo-site a:hover img {
        max-height: 18px;
        position: relative;
        top: -14px;
        left: 19px;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
      }
      /*------------------------------------------*/
      /*  LOGO IMAGE
      /*------------------------------------------*/
      .logo-white, 
      .logo-black {
        display: block;
      }
      
      .navbar-light .logo-black,
      .navbar-dark .logo-white,
      .tra-menu.navbar-dark .logo-white,
      .tra-menu.navbar-light .logo-black,
      .white-menu.navbar-dark .logo-white,
      .dark-menu.navbar-light .logo-black,
      .white-menu.navbar-light .logo-black,
      .tra-menu.navbar-light .scroll .logo-white {
        display: none;
      }
      
      .tra-menu.navbar-light .scroll .logo-black {
        display: block;
      }

      /*------------------------------------------*/
      /*  MEDIA QUERIES
      /*------------------------------------------*/
      @media (min-width: 992px){
        .logo-site span {
          font-size: 1.5rem;
        } 
      }