body{
  padding:50px 20px;
  background:#f1f1f1;
  font-family: 'Roboto', sans-serif;
}
.wrapper{
  width:70%;
}
@media(max-width:992px){
  .wrapper{
    width:100%;
  } 
  
  .item-price {
  text-align: right !important;
  }
}

h1.header {
  font-weight: 300;
  font-style: italic;
  color: #666;
}
.panel-heading {
  padding: 0;
  border:0;
  /*font-family: 'Yanone Kaffeesatz', sans-serif;*/
  font-family: 'Nunito', sans-serif;
}
.panel-title>a, .panel-title>a:active{
  display:block;
  padding:15px;
  color:#a71e23;
  font-size:14px;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:1px;
  word-spacing:3px;
  text-decoration:none;
}
.panel-heading  a:before {
  font-family: 'Glyphicons Halflings';
  content: "\e080";
  float: right;
  transition: all 0.5s;
  top: 5px;
  position: relative;
  font-weight: 100;
}
.panel-heading.active a:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}

.tc {
  text-align: center !important;
}

.tr {
  text-align: right !important;
}

.tl {
  text-align: left !important;
}

h1 {
  font-size: 20px;
}

.margin-bottom {
  margin-bottom: 50px !important;
}

span.desc {
  font-size: 15px !important;
  color: #a5a5a5;
  position: relative;
  top: -15px;
  left: 15px;
}

.link-only {
  font-size: 2rem !important;
  font-weight: 400;
  text-transform: lowercase !important;
}

.panel, .panel-default, .panel-heading {
  background-color: #f1f1f1 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none;
}

.active {
  border: none !important;
  background: none !important;
}

hr {
  border-top: 1px solid #e5e5e5 !important;
}

.menu-item {
  padding-bottom: 15px;
}

span.item-title {
  font-weight: 500;
  font-size: 1.5rem;
}

span.item-desc {
  font-size: 1.2rem;
  font-style: italic;
  color: #666;
}

span.light {
  font-weight: 300 !important;
}

.meal_desc {
  font-size: 1.2rem;
  color: #555;
  padding-top: 10px;
}

span.smaller-title {
  text-transform: lowercase !important;
  font-size: 20px !important;
}

.item-price {
  font-size: 1.5rem;
  font-weight: 500;
  text-align: right !important;
  padding: 0 15px 0 0 !important;
}
.title-lowercase {
  text-transform: lowercase !important;
}

img.logo {
  width: 75%;
  max-width: 500px;
}

div.divider {
  background-image: url("../images/divider.png");
  background-repeat: repeat-x;
  width: 90%;
  height: 7px;
  padding: 10px 0 5px 0;
}

sup.superscript img {
  width: 10px;
  margin-top: -12px;
}

img.resto-marker {
  width: 9px;
  margin-top: -15px !important;
  margin-left: -7px;
}

.liftup {
  padding: 0 !important;
}

.grey {
  color: #aaa !important;
  font-style: italic !important;
  font-weight: 300 !important;
}

.marker-desc {
  font-size: 1.2rem;
  font-style: italic;
}

.marker-desc img {
  width: 10px;
  margin-top: -5px;
}

.intro {
  padding-top: 10px;
  font-size: 1.3rem;
  font-style: normal;
}

.navvy {
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  top: -50px;
}

.navvy img {
  width: 100%;
}

.resto-menu {
  left: -25px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.prod-menu {
  left: 20px !important;
  position: relative !important;
  padding: 0 !important;
  margin: 0 !important;
}

span.main_menu {
  padding: 2rem !important;
  top: 20px !important;
  position: relative !important;
}

span.csizes {
  font-size: 1rem !important;
  font-weight: 100 !important;
  color: #333 !important;
  font-style: italic !important;
}

a.cake-image {
  font-size: 1.3rem !important;
  color: #a68048 !important;
  font-style: italic !important;
  clear: both !important;
  padding: 20px 0 !important;
  transition-duration: 0.5s;
}

a.cake-image:hover {
  color: #666 !important;
  text-decoration: none !important;
  transition-duration: 0.5s;
}

.modal-image > .modal-content {
  box-shadow: none !important;
  background: none !important;
  background-color: none !important;
  border: none !important;
}

.modal-image > .modal-content > .modal-body > img {
  box-shadow: 1px 3px 5px #555;
  border: 5px #fff;
}

table.table-heading > thead > tr > th {
  background-color: #e9e9e9 !important;
}

/* Main Menu Navigation Styling */

.modal-open #menuModal {
  background-color: #eece9f !important;
}

#menuModal .modal-content {
  background-color: none !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

#menuModal .nav>li>a  {
  font-size: 2rem !important;
  color: #333 !important;
  transition-duration: 0.5s;
  font-weight: 300;
}

#menuModal .nav>li {
  background-image: url("../images/divider.png");
  background-repeat: repeat-x;
  padding: 10px 0 5px 0;
}


#menuModal .nav>li>a:hover  {
  background-color: none !important;
  background: none !important;
  color: #a71e23 !important;
  transition-duration: 0.5s;
}

#menuModal .nav>li>a.small  {
  font-size: 1.3rem !important;
  font-style: italic !important;
}

img.menu-logo {
  width: 30%;
}

a.cta {
  font-size: 1.8rem;
  color: #333;
  transition-duration: 0.5s;
  padding: 0 10px;
}

a.cta:hover {
  color:#a71e23;
  text-decoration: none;
  transition-duration: 0.5s;
}

.no-border {
  border: none !important;
}

.warwick {
  background-color: #cba66d !important;
  color: #000 !important;
  border: none !important;
  transition-duration: 0.5s;
}

.warwick:hover {
  background-color: #f5f5f5 !important;
  color: #a71e23 !important;
  border: none !important;
  transition-duration: 0.5s;
}

.riverside {
  background-color: #a71e23 !important;
  color: #f5f5f5 !important;
  border: none !important;
  transition-duration: 0.5s;
}

.riverside:hover {
  background-color: #333 !important;
  color: #f5f5f5 !important;
  border: none !important;
  transition-duration: 0.5s;
}

.yaya {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  border: none !important;
  transition-duration: 0.5s;
}

.yaya:hover {
  background-color: #e5e5e5 !important;
  transition-duration: 0.5s;
}

.mwanzi {
  background-color: #333 !important;
  color: #f5f5f5 !important;
  border: none !important;
  transition-duration: 0.5s;
}

.mwanzi:hover {
  background-color: #666 !important;
  transition-duration: 0.5s;
}


a.home {
  position: relative;
  top: 10px;
  color: #333;
}