body {
    
    background-color: black;
}

@font-face {
    font-family: ksboldit;
    src: url(/fonts/KlinicSlabBoldIt.otf);
}

#wrapper {
    position:absolute;
    margin: 0 auto;
    width:1200px;
    height:1300px;
}

#wrapper_about {
    position:relative;
    margin: 0 auto;
    width:1200px;
    height:1050px;
    background-color: #543136;
}

#wrapper_contact {
    position:relative;
    margin: 0 auto;
    width:1200px;
    height:600px;
    background-color: antiquewhite
}

#head {
    position:relative;
    width:1200px;
    height:200px;
    background-color: #d8c6b8;
    width:auto;
}

#phone {
    position:absolute;
    width:350px;
    height:100px;
    background-color: #d8c6b8;
    font-size: 2.0em;
    color: white;
    padding-left: 90px;
    font-family: 'ksboldit';
}

#logo {
    position:absolute;
    width:500px;
    height:200px;
    background-color: #d8c6b8;
    left:350px;

}

#social {
    position:absolute;
    width:350px;
    height:100px;
    background-color: #d8c6b8;
    left:850px;
}

#fb1 {
    position:relative;
    width:50px;
    height:50px;
    left:80px;
    top:25px;
}

#twitter1 {
    position:relative;
    width:50px;
    height:50px;
    left:220px;
    top:-25px;
}

#nav {
    position:relative;
    width:1200px;
    height:50px;
    background-color: white;
    width:auto;
}

ul#nav_menu {
    margin: auto;
}

ul#nav_menu li {
    font-family: 'ksboldit';
    font-size: 1.7em;
    display: inline-block;
    margin: auto;
    padding-top: 15px;
    padding-left: 75px;
    padding-right: 75px;
}

ul#nav_menu li:hover {
    background-color: yellow;
}

ul#nav_menu li a {
    text-decoration: none;
    color:black;
}

ul#nav_menu li a:hover {
    color:#cf1c44;
}

#content {
    position:relative;
    width:1200px;
    height:800px;
    background-color: #543136;
    width:auto;
}

#content_food {
    position:relative;
    width:1200px;
    height:800px;
    background-color: #543136;
    width:auto;
}

#content_menu {
    position:relative;
    width:1200px;
    height:750px;
    width:auto;
    background-color: #543136;
    top:15px;
}

#content_about {
    position:relative;
    width:1200px;
    height:475px;
    width:auto;
}

#about {
    position:relative;
    width:750px;
    height:350px;
    left:225px;
    top:50px;
    font-family: 'ksboldit';
    color: #543136;
    background-color: white;
    text-align: center;
    border-radius: 25px;
    
}

#content_drinkwrap {
    position:relative;
    width:1200px;
    height:760px;
    background-color: #543136;
    width:auto;
}

#content_drinks {
    position:relative;
    width:1200px;
    height:700px;
    background-color: #d8c6b8;
    width:auto;
    top: 30px;
}

#menu {
    border-radius: 25px;
    position:relative;
    width:750px;
    height:200px;
    left:225px;
    top:50px;
}

#button1 {
    position:absolute;
    width:200px;
    height:60px;
    left:275px;
    top:120px;
}

#icon1 {
    position:absolute;
    width:80px;
    height:80px;
    left:335px;
    top:20px;
}

#drinks {
    position:relative;
    width:750px;
    height:200px;
    left:225px;
    top:100px;
    border-radius: 25px;
}

#button2 {
    position:absolute;
    width:200px;
    height:60px;
    left:275px;
    top:120px;
}

#icon2 {
    position:absolute;
    width:80px;
    height:80px;
    left:335px;
    top:20px;
}

#dining {
    position:relative;
    width:750px;
    height:200px;
    left:225px;
    top:150px;
    border-radius: 25px;
}

#button3 {
    position:absolute;
    width:200px;
    height:60px;
    left:275px;
    top:120px;
}

#icon3 {
    position:absolute;
    width:80px;
    height:80px;
    left:335px;
    top:20px;
}

#info {
    position:relative;
    width:1200px;
    height:300px;
    background-color: #d8c6b8;
    width:auto;
}

#footer {
    position:relative;
    width:1200px;
    height:50px;
    background-color: #CF1C44;
    width:auto;
    top: -17px;
}

#copyright {
    position:relative;
    width:400px;
    height:50px;
    background-color: CF1C44;
    top:15px;
    font-family: 'ksboldit';
    left:5px;
}

#fb2 {
    position:relative;
    width:50px;
    height:50px;
    left:500px;
    top:-50px;
}

#twitter2 {
    position:relative;
    width:50px;
    height:50px;
    left:650px;
    top:-100px;
}

#social_links {
    position:relative;
    width:750px;
    height:350px;
    left:225px;
    top:50px;
    font-family: 'ksboldit';
    color: #543136;
    background-color: white;
    text-align: center;
}