Hide specific button from homepage

On the homepage of the site, there are two buttons. One in the menu and one in an “offer” section.

I want to hide the “tefl courses” (see site) button in the menu from the homepage and the homepage only as it looks weird having 2 buttons to the same page and even more weird on mobile as the elements stack.

I’ve tried the following:

@media (max-width: 480px) {
  .Button1 {
    display: none;
  }
}

It does not work, so I’m posting here for help.

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