@media only screen and (max-width : 600px) {
    .header-logo {
        width: 80%;
    }
}

@media only screen and (min-width : 1024px) {
    .header-logo {
        width: 30%;
    }
}