* {
    box-sizing: border-box;
  }
  
  /* Create three equal columns that floats next to each other */
  .column-mmenu {
    float: left;
    width: 33%;
    padding: 0px;
    height: 1000px; /* Should be removed. Only for demonstration */
    visibility: hidden;
    display: none;
  }

  .column {
    float: left;
    width: 33%;
    padding: 0px;
    height: 500px; /* Should be removed. Only for demonstration */
  }

  .column-mid {
    float: left;
    width: 34%;
    padding: 0px;
    height: 550px; /* Should be removed. Only for demonstration */
  }

  .column-right {
    float: left;
    width: 33%;
    padding: 0px;
    height: 500px; /* Should be removed. Only for demonstration */
  }

  /* Clear floats after the columns */
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 600px) {
    .column-mmenu {
      width: 100%;
      visibility: visible;
      display: inline;
    }

    .column {
      visibility: hidden;
      display: none;
    }

    .column-mid {
      visibility: hidden;
      display: none;
    }

    .column-right {
      visibility: hidden;
      display: none;
      }

    .contactus {
      width:140px;
    }

    .menu img {
      width: 7%;
    }

    .footer {
      visibility: hidden;
    }

   }