Hide primary nav and site title on one page

[Brief]

Hi there,

I am trying to create a temporary landing/splash page for my site:
thomasalbrighton.com
as I am working on it. I have created a page called comingsoon - http://www.thomasalbrighton.com/comingsoon

Could someone please let me know the css I would need to add so that I can hide the site title and menu from this page. I am having trouble.

tried this:
.slug-YOURPAGE . primary {
display: none;
}

But not totally understanding how to do this properly. if someone could tell me exactly what I should add using 'my page name' that would be amazing.

Thank you :)

Thomas

[mariusjopen]

Dear @Brief
try this:

.slug-comingsoon .laynav.primary {
    display: none;
}

Best!
Marius

[Brief]

Thank you so much @mariusjopen just one more things. I would also like to hide the site title. Also would like to hide site title and nav on mobile. Last little help I ask for :) Hope its not too much to ask.

Thank you so much!

Thomas

[mariusjopen]

Dear @Brief
you can figure that our easily.
Are you familiar with CSS? If not I would recommend to have a look into some tutorials at Codeacademy https://www.codecademy.com/.
It is for free for the basics. The effect you are trying to achieve requires some knowledge and brainpower :-)
Best!
Marius