Mobile logo

i have created coming soon page.. everything works fine . but logo in Mobile device looks way too big .
i have inserted this custom css at plugin css area and at Additional CSS area. but its not wotking .

@media only screen and (max-width: 768px)
.logo-wrapper img {
max-width: 30%;
}

The page I need help with: [log in to see the link]