.logo-name {letter-spacing: 0;}

@media (max-width: 480px) {
    .logo-name {font-size: 16px; line-height: 30px;}
}

@media (max-width: 539px) {
    .logo-name {font-size: 16px; line-height: 20px; max-width: 420px; letter-spacing: -0.3px;}
}

@media (min-width: 540px) {
    .logo-name {font-size: 20px; line-height: 24px; max-width: 430px;}
}

@media (min-width: 768px) {
    .logo-name {font-size: 22px; line-height: 28px; max-width: 630px;}
}

@media (min-width: 992px) {
    .logo-name {font-size: 30px; line-height: 32px; max-width: 570px;}
}

@media (min-width: 1200px) {
    .logo-name {font-size: 30px; line-height: 38px; max-width: 570px;}
}