@media (max-width: 767px){
#logo .retina-logo {
    height: 35%;
    width: 45%;
    margin-top: -2px;
}
}


@media (max-width: 600px){
#logo .retina-logo {
    height: 90%;
    width: 60%;
    margin-top: -2px;
}
}

@media (max-width: 500px){
#logo .retina-logo {
    height: 100%;
    width: 90%;
    margin-top: 4px;
}
}