.header{
    background: white;
    
}
.nav-menu .nav-menu-inner li .menu-has{
    color: #323232;
}
#sabermaspage{
    color: #323232;
}

#nomarca1{
    color: white;
}


@media  (min-width: 768px) and (max-width: 1350px)  {

    .header .logo a {
    width: 75px;
        display: block;
        margin-top: -1px;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    }
    
    .header .logo a .logo-light {
        content:url("../img/full/Logo_CCJ.png");
    }
    
    .header .logo a .logo-dark {
        content:url("../img/full/Logo_CCJ.png");
    }

    #header .container .nav-mobile{
        color:  #323232;
    }

    .side-menu-btn ul > li > a {
        margin-left: 20px;
        color: #323232;
        font-size: 16px;
        transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
        -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
        -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
        -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    }

    
    
    header .nav-bar-icon > span, header .nav-bar-icon > span:before, header .nav-bar-icon > span::after, header.header-dark .nav-bar-icon > span, header.header-dark .nav-bar-icon > span:before, header.header-dark .nav-bar-icon > span::after, header.header-dark.header-prepare .nav-bar-icon > span, header.header-dark.header-prepare .nav-bar-icon > span:before, header.header-dark.header-prepare .nav-bar-icon > span::after {
        background-color: #323232;
    }

    .nav-menu .nav-menu-inner li .menu-has{
        color: white;
    }

    #sabermaspage{
        color: white;
    }
}