Hiding Menu From Specific Pages

Created a simple image for you on how to get page id and menu attributes.
https://dl.dropboxusercontent.com/s/zibhieyo3s6a5bs/Mailbird_2017-01-27_00-57-39.png

You need to get the page_id, exactly as you did:

.page-id-27820 

and hide the menu, like so:

.page-id-27820 #top-menu-nav {
    display: none;
}

You forgot the # sign, which stand for html attribute id

id = #
class = .