.logoName {
    margin-left:28px;
    margin-top: 0px;
    font-family: Impact;
    font-size: 50px;
    color: #ffffff;
}
.logoSlogan {
    position: relative;
    top: 13px;
    left: -21px;
    font-family: Arial;
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
}

.logoNameAdm {
    margin-left:0px;
    margin-top: 0px;
    font-family: Impact;
    font-size: 30px;
    color: #ffffff;
}
.logoSloganAdm {
    position: relative;
    top: 10px;
    left: -15px;
    font-family: Arial;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
}
.logoNameDarkAdm {
    margin-left:0px;
    margin-top: 0px;
    font-family: Impact;
    font-size: 35px;
    color: #8c98a5;
}
.logoSloganDarkAdm {
    position: relative;
    top: 10px;
    left: -16px;
    font-family: Arial;
    font-size: 11px;
    color: #000;
    font-weight: bold;
}

@media (max-width: 480px) {
    .logoNameDarkAdm {
        font-weight: 600;
    }
    .logoName {
        font-weight: 600;
    }
    .logoNameAdm {
        font-weight: 600;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    .logoNameDarkAdm {
        font-weight: 600;
    }
    .logoName {
        font-weight: 600;
    }
    .logoNameAdm {
        font-weight: 600;
    }
}