@media screen and (max-width: 640px) {
    html, body{
    width:100%;
    margin:0 auto;
    height:auto;
    background-color:black;

    }

* {
    height:auto;
}

    #container-index {
        height:550px;
        float:left;
    }

    #container-about {
        height:854px;
    }

      #container-menu {
     
    }

    #navigation img{
    width:80%;
    margin:10px;
    }

    #navigation {
        width:100%;
        height:150px;
    }

    #menu h1,#menu2 h1, #menu-about h1, #menu2 h1 {
        margin:0;
        font-family:"Jura";
        
    }

    #menu, #menu2, #menu-one, #menu-about {  
        width:345px;
        height:80px;
        margin-top:-30px;
    }


    #menu-about {
        margin-left:20px !important;
    }

    #menu, #menu-about {
        margin:0;
        text-align: center;
    }

    #menu-about {
        margin-left:10px;
        float:left;
    }

    #menu h1, #menu-about h1 {
        font-size:65px;
        margin-left:80px;
        top:0px;
    }

    #menu2 h1 {
        font-size:70px;
        margin-left:45px;
        margin-top:-25px;
        
    }

    #menu p, #menu-about p {
        margin:0;
        margin-top:15px;
        font-size:8px;
        display:none;
    }

    #menupagesa img{
        margin-left:0px;
        width:87%;
        margin-top:10px;
    }

    #menupages img{
        margin-left:15px;
        width:90%;
        margin-top:10px;
    }

    #menupages2 img{
        margin-left:0px;
        width:86.5%;
        margin-top:15px;
        float:left;


    }

    #information {
        margin-left:15px;
        margin-top:10px;
        font-size:14px;
        float:left;
        width:288px;
    }

    .name {
        text-align: center;
    }

    .name1 {
        display:none;
    }
    #about {
        margin:0;
        margin-left:0px;
        width:350px;
        height:200px;
        font-size:12px;
        position: relative;
        top:15px;
        
    }

    #about p {
        
    }

    #menupages, #menupages-one, #menupages-two, #menupages-three {
        width:100%;
        /*height:3000px;*/
        height:auto;
        float:left;
        position:relative;
        top:-60px;
        /*margin-left: 20px; */
    }

    #menupages-one {
        height:850px;
    }

    #menupages2 {
        width:100%;
        height:810px;
        position:relative;
        top:0px;
        background-color: black;
    }

    #menupages1 {
        width:100%;
        height:2810px;
        margin-left:0px;
        position:relative;
        top:0px;
    }

    #menupagesa {
        width:100%;
        height:450px;
        margin-left:20px;
        float:left;
        position:relative;
        bottom:60px;
        background-color: black;
    }

     #menupages3 {
        width:100%;
        height:1810px;
        border: 1px solid white; 
    }

    #menulist {
        margin-left:0px;
        width:337px;
        margin-top:15px;
    }

    #menulist p {
        font-size:13px;
    }

    footer, #footer-about {
        position:relative;
        bottom:105px;
        float:left;
        width:100%;
        height:auto;
        background: black;
		box-sizing: border-box;	
    }

    #footer-about {
        top:100px;
    }

    #footer-menu,#footer-review {
        height:50px;
        background-color: black;
        box-sizing: border-box; 
    }

    #footer-review {
        margin-bottom: 10;
    }

    #footerm {
        position:relative;
        top:-1250px;
        width:350px;
        height:30px;
        clear:both;
    }

    #footerc {
        position:relative;
        top:-864px;
        width:350px;
        height:30px;
        clear:both;
        color:white;
        margin-left:27px;
    }

    #footera {
        position:relative;
        top:15px;
        width:350px;
        height:30px;
        clear:both;
        margin-left:27px;
        color:white;  
    } 

    #footerr {
        position:relative;
        top:-2900px;
        width:350px;
        height:30px;
        clear:both;
        margin-left:20px;
        color:white;       
    } 

    #footerr p {
        font-size:27px;
        margin:0;
        float:left;
        top:0px;
        position: relative;
        width:100%;
    }
    
    #footerm p {
        font-size:27px;
        margin:0;
        float:left;
        top:0px;
        position: relative;
        width:100%;
    }

    #footerc p {
        font-size:27px;
        margin:0;
        float:left;
        top:0px;
        position: relative;
        width:100%;
    }

    #footera p {
        font-size:27px;
        margin:0;
        float:left;
        top:0px;
        position: relative;
        width:100%;
    }

    #footerh, #footerha {
    margin-top:10px;
    height:50px;
    float:left;

    }

    #footerha p {
        left:0px;
    }

    #footerh p, #footerha p {
        font-size:20px;
        margin:0;
        float:left;
        top:0px;
        left:20px;
        position: relative;
        width:100%;
    }

    #footerh img {
        float:right;
        margin-top:0px;
        margin-bottom:100px;
        width:6%;
        padding:0;
        margin-right:5px;
    }

     #footerr img {
        float:right;
        margin-top:0px;
        margin-bottom:100px;
        width:6%;
        padding:0;
        margin-right:5px;
    }

    #footerm img {
        float:right;
        margin-top:0px;
        margin-bottom:100px;
        width:6%;
        padding:0;
        margin-right: 5px;
    }

    #footerc img {
        float:right;
        margin-top:0px;
        margin-bottom:100px;
        width:6%;
        padding:0;
        margin-right:27px;
    }

    #footera img {
        float:right;
        margin-top:0px;
        margin-bottom:100px;
        width:6%;
        padding:0;
        margin-right:20px;
    }

    #slideshow {
        width:100%;
		position: relative;
		top: -85px;
    }
	
    #food img{
        width:60%;
        margin: 0;
        float:right;
        margin-top:390px;
    }

    #dragon{
        top:50px;
        position:relative;
        margin:0;
        width:100%; 
    }

    #slideshow h1 {
        font-size:20px;
        width:200px;
        margin:0;
        margin-top: 20px;
        margin-left: 20px;
        color:white;
        font-size:30px;
        width:300px;

    }

    #banner p {
        font-size:12.5px;
        
        text-align:center;
        margin: 0;
         height:20px;
        
    }

    #menu1 {

        display:inline-block;

    }
  
    #navigation li {

        text-align: center;
        width: 100%;
        padding: 10px 0;
        margin: 0;

    }

    #navigation:hover ul {

        display: block;

    }

    #reviews {
        margin-left:20px;
        font-size:13px;
        margin-top:80px;

    }

    #menupages3 {
        width:100%;
        height:650px;
        border: 1px solid black;
    }
    
    #reviews {
    color:white;
    width:328px;
    border:5px solid red;
    height:800px;
    
    }

#reviews a {
    text-decoration: underline;
    color:gray;
}

#smedia {
    margin-top: 10px;   
    height:50px;
    float:left;
}

#smedia img {
    margin-top:5px;
    width:20px;
}

#claus {
    width:350px;
    margin-top:20px;
    float:left;
    margin-left:20px;
}

  

/* menu */

/*MAIN*/

nav {
	float: right;
	padding: 20px;	
	position: absolute;
	z-index: 99;
	right: 10px;
	top: 53px;	
	
}

#navigation nav {
top: -78px;
}

#menu-icon {

	display: hidden;
	width: 40px;
	height: 40px;
	background: black url(images/menu-icon.png) center;
	background-repeat:no-repeat;
	top:100px;
	

}

a:hover#menu-icon {

	background-color: red;
	border-radius: 4px 4px 0 0;

}

ul {

	list-style: none;

}

li {

	display: inline-block;
	float: left;
	padding: 10px

}

.current {

	color: black;

}

section {

	margin: 80px auto 40px;
	max-width: 980px;
	position: relative;
	padding: 20px

}

h1 {

	font-size: 2em;
	color: #2262AD;
	line-height: 1.15em;
	margin: 20px 0 ;

}

p {

	line-height: 1.45em;
	margin-bottom: 20px;
}

.location {
    width:100%;
    height:330px;
    float:left;
    margin-left:20px;
   margin-top:0px;
}

.location img {
    margin:0px;
    width:350px;
}

#information  {
    width:100%;
    float:left;
    margin-left:20px;
    height:400px;
}

#information p {
    font-size:15px;
}

/*MEDIA QUERY*/

	header {
		position: absolute;
	}

	#menu-icon {
		display:inline-block;
	}

	nav ul, nav:active ul { 
		display: none;
		position: absolute;
		padding: 20px;
		background-color: red;
		border: 1px solid black;
		right: 30px;
		top: 60px;
		width: 100px;
		border-radius: 4px 0 4px 4px;
	}

	nav li {
		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;
	}

	nav:hover ul {
		display: block;
	}

    .number {
        margin-left:10px;s
    }