$(document).ready(
  function() {

    // main-buttons
    $(".main-button").hover( 
      function () {
        $(this).addClass("main-button-hover");
      },
      function () {
        $(this).removeClass("main-button-hover");
      }
      
    );

    // menu-buttons
    $(".menu-button").hover( 
      function () {
        $(this).addClass("menu-button-hover");
      },
      function () {
        $(this).removeClass("menu-button-hover");
      }
      
    );


  }
);