Remove logo from front page only

I want to remove the logo from the site identity only on the front page http://www.acsmithphotography.com

I tried using CSS from other topics posted:

body.home .site-logo {
display: none;
}

AND

.site-header.float-header .site-logo {
display: block;
}

.site-header .site-logo {
display: none;
}

Neither CSS had any effect.

Hello,

This is an easy fix. Try to use css code below instead:

body.home .site-branding {
    visibility: hidden;
    opacity: 0;
}

In case that you want to hide it only on desktop then use css code below instead:

@media screen and (min-width: 1024px) {
    body.home .site-branding {
        visibility: hidden;
        opacity: 0;
    }
}

Best Regards!