html {
    min-width: 1000px;
    max-width: 1000px;
    margin: 0 auto;
    height: 100%;
}



body {
background: #db2811;
margin: 0 auto;
padding: 2em 2em 4em;
max-width: 50%;
box-shadow: 0 0 2px rgba(0,0);
height: 100%;
float: none;
}

img {
  width: 100%;
}

div#page-wrap {
    max-width: 1000px;
    margin: 0 auto;
}
div.wrapper {
  width: 120%;
 height: auto;
 position: relative;
 left: -10%;
    margin-top: 17%
}
ul {
  display: block;
  position: absolute;
  bottom: 0;
}

ul li {
color: #fff200;
font-size: 20px;
font-weight: 600;
display: inline-block;
list-style: none;
padding-left: 52px;
}

a {
color: #fff200;
text-decoration: none;

}

a:hover {
    color: ghostwhite;
}

div.lanturn-left {
    width: 60%;
    margin-left: -40%;
    margin-top: -8%;
}

div.lanturn-right {
    width: 60%;
    margin-left: 85%;
    margin-top: -46%;
    transform: scaleX(-1);
}

h2 {
    color:#fff200;
    font-size: 30px;
    font-style: italic;
    border-bottom: 3px solid #fff200;
    text-align: center;

}

p {
    font-size: 20px;
    color: aliceblue;
    text-align: center
}

div.lunch {
 border: 6px inset #fff200;
    width: 25%;
    margin-left: -20%;
    margin-top: 19%;
    position: absolute;


}

div.early-bird {
    border: 6px outset #fff200;
    width: 20%;
    margin-left: 10%;
    margin-top: 19%;
    position: absolute;
    width: 30%;
}

div.dinner {
    position: absolute;
    border: 6px inset #fff200;
    width: 25%;
    margin-left: 45%;
    margin-top: 19%;
}

div.to-go {
 border: 6px outset #fff200;
    width: 25%;
    margin-left: -20%;
    margin-top: 50%;

    position: absolute;

}
div.comment {
    width: 27%;
    margin-left: 12%;
    margin-top: 50%;

    position: absolute;

}

div.krab {

    border: 6px outset #fff200;
    width: 25%;
    margin-left: 45%;
    margin-top: 50%;
    position: absolute;
}

#smaller {
    font-size: 15px;
   border-bottom: none;
    font-style: normal;
    margin-top: -8%;
}

#bigger {
    font-size: 40px;

}

#no-link {
    text-decoration: line-through;

}

@-webkit-keyframes swinging{
    0%{-webkit-transform: rotate(2deg);}
    50%{-webkit-transform: rotate(-2deg)}
    100%{-webkit-transform: rotate(2deg);}
}

@keyframes swinging{
    0%{transform: rotate(2deg);}
    50%{transform: rotate(-2deg)}
    100%{transform: rotate(2deg);}
}

.swingimage{
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: swinging 3.5s ease-in-out forwards infinite;
    animation: swinging 3.5s ease-in-out forwards infinite;

}