CSS to Remove Blank Space Above and Below Site Title on Mobile?

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
header#header {
    padding-top: 0 !important;
    margin-bottom: 0;
}
h1.logo {
    font-size: 40px !important;
}
}

Thanks very much, Tuan! The code you suggested:

@media screen and (max-width:767px) {
header#header {
    padding-top: 0 !important;
    margin-bottom: 0;
}
h1.logo {
    font-size: 40px !important;
}
}

worked perfectly and the body images and text now appear much closer to the Site Title on mobile. Thanks!