#container {
 height: 100%;
 overflow: auto;
 position: relative;
 background-image: url("images/shoplarge.svg");
 background-repeat: no-repeat;
 background-size: cover;
}

#header {
 padding: 1em;
 color: white;
 background: black; 
 text-align: center;
 display: block;
}

#navContainer {
width: 100%;
display: block;
text-align: center;
}

#menu {
width: 80%;
display: inline-block;
text-align: center;
background-color: rgb(190, 30, 45);
}

#cocktailmenu {
width: 80%;
display: inline-block;
text-align: center;
background-color: rgb(190, 30, 45);
font-family: Tahoma;
}

#content {
 margin-top: 20px;
 height: 100%;
 margin-bottom: 50px;
}

#footer {
 height: 50px;
 line-height: 50px;
 left:0px;
 bottom:0px;
 position: fixed;
 width: 100%;
 display: inline-block;
 color: white;
 background: black;
 font-family: Tahoma;
 text-align: center;
 vertical-align: center;
}

#thumbnails .block{
    display: block;
    text-align: center;
    border: 0px;
    overflow: hidden;
    width: 100%;
}

#social .iconSize {
 width: 40px;
 }

#aboutUs {
 width: 75%;
 display: inline-block;
 text-align: center;
}

#restaurant {
 width: 75%;
 display: inline-block;
 text-align: center;
}

.socialMargin {
  margin: 10px 0px 0px 0px;
}

.header img {
  background: black;
  width:100%;
  float: left;
  overflow: hidden;
}

.logoSize {
  width: 80%;
  margin-bottom: 5px;
}

.socialHour {
  width: 80%;
  display: inline-block;
  text-display: center;
  margin-top: 15px;
  margin-bottom: 10px;
}

.center {
  margin: auto;
  width: 80%;
  padding: 10px;
  text-align: center;
}

ul.navBar {
 list-style-type: none;
 border: 0;
 margin: 0;
 padding: 0;
 overflow: hidden;
 width: 100%;
 font-family: Tahoma;
 text-align: center;
 display: inline-block;
 background-color: rgb(190, 30, 45);
}

ul.menuCategory {
 list-style-type: none;
 border: 0;
 margin: 0;
 padding: 0;
 overflow: hidden;
 width: 80%;;
 background-color: rgb(190, 30, 45);
 font-family: Tahoma;
 text-align: center;
 display: inline-block;
}

ul.cocktails {
 text-align: center;
 display: inline-block;
 list-style-type: none;
 border: 0;
 margin: 0;
 padding: 0;
 overflow: hidden;
 width: 80%;;
 background-color: rgb(190, 30, 45);
}

ul.cocktails2 {
 list-style-type: none;
 border: 0;
 margin: 0;
 padding: 0px 0px 20px 0px;
 overflow: hidden;
 width: 80%;;
 background-color: black;
 text-align: center;
 display: inline-block;
}

ul.menuFood {
 text-align: center;
 list-style-type: none;
 border: 0;
 margin: 0;
 padding: 0;
 overflow: hidden;
 width: 100%;
 background-color: black;
 font-family: Tahoma;
}

li.menuDescription {
 font-size: 10pt;
 margin: -20px 0px 10px 0px;

}

li.item {
 display: inline-block;
}

li.price {
 display: inline-block;
 margin-left: 10px;
 color: rgb(190, 30, 45);
}

li.cocktailName {
 font-size: 14pt;
}

li.cocktailDesc {
 font-size: 10pt;
 margin-top: -20px;
}

li.navList {
 display: inline-block;
 vertical-align: top;
}


li.navList a {
 display: block;
 color: white;
 text-align: center;
 padding: 14px 14px 14px 14px;
 text-decoration: none;
}

li.navList a:hover {
 color: black;
}

li.cocktailList {
 display: inline-block;
 text-align: center;
 list-style-type: none;
 border: 0;
 margin: 0;
 padding: 0;
 overflow: hidden;
 width: 80%;
 font-family: Tahoma;
}

html,
body {
 height: 100%;
 padding-bottom: 50px;
 text-align: center;
 margin: 0;
 font-family: Tahoma, Verdana;
 color: white;
 background-color: black;
}

p {
 margin-left: 10px;
 margin-right: 10px;
 font-family: Tahoma;
}


img.bookedIn {
width:200px;
text-align: center;
display: inline-block;
}

a {
 color: rgb(190, 30, 45);
 text-decoration: none;
}

a:hover {
 color: rgb(190, 30, 45);
 text-decoration: underline;
}

a:visited {
 color: rgb(190, 30, 45);
 text-decoration: none;
}

a.imageLink {
  text-decoration:none;
  
}

/*                            */
/* RESPONSIVE CSS BEGINS HERE */
/*                            */

@media screen and (min-width: 790px) {


#homePageText {
 width: 45%;
 text-align: center;
 display: inline-block;
}

#container {
 height: 100%;
 overflow: auto;
 margin-top: 0px;
 margin-bottom: 50px;
 position: relative;
 background-image: url("images/shoplarge.svg");
 background-repeat: no-repeat;
 background-size: cover;
}

#content {
 padding-top: 30px;
 padding-bottom: 20px;
 height: 100%;
}

p.book {
text-align: right;
font-size: 9pt;
left:80px; 
bottom: 92px; 
position: fixed;
}

img.bookedIn {
width:200px;
vertical-align: middle;
left:12px;
bottom: 60px; 
position: fixed;
}

a {
 color: rgb(190, 30, 45);
 text-decoration: none;
}

a:hover {
 color: rgb(190, 30, 45);
 text-decoration: underline;
}

a:visited {
 color: rgb(190, 30, 45);
 text-decoration: none;
}

ul.navBar {
 text-align: center;
 list-style-type: none;
 border: 0;
 margin: 0;
 padding: 0;
 overflow: hidden;
 width: 100%;
 font-family: Tahoma;
 background-color: rgb(190, 30, 45);
}

ul.menuCategory {
 text-align: left;
 list-style-type: none;
 border: 0;
 margin: 0;
 padding: 0;
 overflow: hidden;
 width: 100%;
 background-color: rgb(190, 30, 45);
 font-family: Tahoma;
}

ul.menuFood {
 text-align: left;
 list-style-type: none;
 border: 0;
 margin: 0;
 padding: 0;
 overflow: hidden;
 width: 100%;
 background-color: black;
 font-family: Tahoma;
}

ul.cocktails {
 text-align: center;
 list-style-type: none;
 border: 0;
 margin: 0;
 padding: 0;
 overflow: hidden;
 width: 70%;;
 display: inline-block;
}

ul.cocktails2 {
 list-style-type: none;
 border: 0;
 margin: 0;
 padding: 0px 0px 20px 0px;
 overflow: hidden;
 width: 70%;;
 background-color: black;
 text-align: center;
 display: inline-block;
}

li.cocktailHead {
 margin: 0;
}

li {
 margin-left: 20px;
}

li.price {
 float: right;
 margin-right: 60px;
 display: inline-block;
 color: rgb(190, 30, 45);
}

li.menuDescription {
 font-size: 10pt;
 margin-left: 30px;
}

li.cocktailName {
 font-size: 14pt;
}

li.cocktailDesc {
 font-size: 10pt;
 margin-top: -20px;
}

.logoSize {
  width: 380px;
}

.socialHour {
  width: 70%;
  display: inline-block;
  text-display: center;
  margin-top: 15px;
  margin-bottom: 10px;
}

#header {
 padding: 1em;
 color: white;
 background: black; 
 text-align: left;
 }

#social {
 display: inline-block;
 color: white;
 text-align: center;
 }

#social .iconSize {
 width: 47px;
 padding-right: 5px;
 padding-left: 5px;
 display: inline-block;
 }

#aboutUs {
 width: 40%;
 display: inline-block;
 text-align: left;
 float: left;
 margin-left: 50px;
}

#restaurant {
 width: 45%;
 display: inline-block;
}

.socialMargin {
  margin: 0;
}

#thumbnails .block{
  padding-top: 20px;
  display: inline-block;
  text-align: center;
  border: 0px;
  overflow: hidden;
  width: 33%;
}

#navContainer {
width: 100%;
position: fixed;
}

#cocktailmenu {
text-align: center;
width: 70%;
list-style-type: none;
display: inline-block;
background-color: rgb(190, 30, 45);
font-family: Tahoma;
}

li.cocktailList {
 display: inline-block;
 text-align: center;
 list-style-type: none;
 overflow: hidden;
 width: 100%;
 font-family: Tahoma;
}

#footer {
 height: 50px;
 line-height: 50px;
 left:0px;
 bottom:0px;
 position: fixed;
 width: 100%;
 display: inline-block;
 color: white;
 background: black;
 font-family: Tahoma;
 text-align: center;
 vertical-align: center;
 clear: both;
}

}