html, body {
   margin:0px;
   padding:0px;	
  }

  #navigation ul {
   list-style: none;
   display: block;
   padding: 40px;
   margin: 0px;
   background-color: #fff;
   color: #fff;
   border: 1px solid #ddd;
   }

   #navigation ul li {
   float:left;
   width: 20%;
   padding:0px;
   margin-top:-8px;
   }

   a:link, a:visited {
   color:#000;
   text-decoration: none;
   }

   .login {
   display: block;
   margin: 39px;
   }

   input, p, h1 {
   padding: 10px;
   margin: 10px;
   display: block;
   }

   h1 {
   margin-left: 33px;
   }

   #header {
   margin-top: 30px;
   }

   #footer {
   background-color: #fff;
   height: 300px;
   color: #000;
   border: 1px solid #ddd;
   }

   #login {
   height: 300px;
   }

   .test {
   color: blue;
   font-weight: bold;
   }

   footer > div {
   margin-top:33px;
   margin: 60px;
   width: 30%;
   }

   #copyright {
   display:block;
   clear:left;s
   }
   
   ul {
   list-style:none;
   }

   li, ul {
   padding: 0px;
   margin-left: 0px;
   }

   li {
   padding: 10px;
   }

   /* Hamburger CSS menu animation */

   #hamburger {
   background-color: white;
   padding: 0px;
   float: right;
   margin-top: 26px;
   margin-right: 20px;
   height: 40px;
   width: 40px;
   overflow: hidden;
   position: absolute;
   top: 0px;
   right: 0;
   }

   #menu-out {
   width: 200px;
   height: 0;
   cursor: pointer;
   transition: height 0.5s ease;
   position: absolute;
   overflow: hidden;
   }

   .menu-shown {
   height: 400px !important;
   width: 200px !important;
   top: 43px;
   right: 0;
   top: 65px;
   z-index: 2;
   float: right;
   margin-right: 0px;
   border: 1px solid #ddd;
   display: block;
   }
   .menu-shown li {
   border-bottom: 1px solid #ddd;
   }
   
   #close {
    cursor:pointer;
	width:30px;
	height: 30px;
	font-size:38px;
   }