@import url('http://fonts.googleapis.com/css?family=Quicksand:300,400,700');

@import url('http://fonts.googleapis.com/css?family=Arimo:400,700|Open+Sans');
/*
Theme Name: ResOtto
Theme URI: http://320press.com/wpbs
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel. 
Version: 2.3.1
Author: 320press
Author URI: http://320press.com
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/
/**
 * CSS3 rem font size
 */
/* line 89, ../scss/resotto.sass */
#soups #soup_wrapper {
  display: inline-block;
  margin-left: 50px;
  margin-right: 50px;
  position: relative;
  /*min-height: 200px */

}
/* line 97, ../scss/resotto.sass */
#soups #soup_wrapper .bx-wrapper .bx-viewport {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  left: -5px;
  background: white;
}
/* line 105, ../scss/resotto.sass */
#soups #soup_wrapper #soups_prev {
  position: absolute;
  left: -50px;
  top: 0px;
  width: 30px;
  height: 100%;
}
/* line 112, ../scss/resotto.sass */
#soups #soup_wrapper #soups_prev #slider-prev {
  display: block;
  width: 100%;
  height: 100%;
}
/* line 116, ../scss/resotto.sass */
#soups #soup_wrapper #soups_prev #slider-prev a {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/soup_prev.gif");
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}
/* line 128, ../scss/resotto.sass */
#soups #soup_wrapper #soups_next {
  position: absolute;
  right: -30px;
  top: 0px;
  width: 30px;
  height: 100%;
}
/* line 134, ../scss/resotto.sass */
#soups #soup_wrapper #soups_next #slider-next {
  display: block;
  width: 100%;
  height: 100%;
}
/* line 138, ../scss/resotto.sass */
#soups #soup_wrapper #soups_next #slider-next a {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/soup_next.gif");
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}
/* line 157, ../scss/resotto.sass */
#soup_list li .single_soup.today h3 {
  background: lime;
}
/* line 159, ../scss/resotto.sass */
#soup_list li .single_soup .soup_image {
  width: 200px;
  height: 200px;
  background: cyan;
  margin: 0 auto;
  position: relative;
}
/* line 167, ../scss/resotto.sass */
#soup_list li .single_soup .soup_image .bottom {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
  background: lime;
}
/* line 174, ../scss/resotto.sass */
#soup_list li .single_soup .soup_image .filling {
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 200px;
}
/* line 180, ../scss/resotto.sass */
#soup_list li .single_soup .soup_image .filling img {
  position: absolute;
  top: 25px;
  left: 25px;
  width: 150px !important;
  height: 150px !important;
}
/* line 186, ../scss/resotto.sass */
#soup_list li .single_soup .soup_image .top {
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 200px;
}
/* line 192, ../scss/resotto.sass */
#soup_list li .single_soup .soup_image .eaten {
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 200px;
}
/* line 200, ../scss/resotto.sass */
#soup_list li .single_soup .soup_image.soupstration1 {
  background: red;
}
/* line 202, ../scss/resotto.sass */
#soup_list li .single_soup .soup_image.soupstration1 .bottom {
  background: url("../images/soups/soupstration01_bottom.png");
}
/* line 204, ../scss/resotto.sass */
#soup_list li .single_soup .soup_image.soupstration1 .top {
  background: url("../images/soups/soupstration01_top.png");
}
/* line 206, ../scss/resotto.sass */
#soup_list li .single_soup .soup_image.soupstration1 .eaten {
  background: url("../images/soups/soupstration01_eaten.png");
}
/* line 208, ../scss/resotto.sass */
#soup_list li .single_soup .soup_image.soupstration2 {
  background: blue;
}
/* line 210, ../scss/resotto.sass */
#soup_list li .single_soup .soup_image.soupstration2 .bottom {
  background: url("../images/soups/soupstration02_bottom.png");
}
/* line 212, ../scss/resotto.sass */
#soup_list li .single_soup .soup_image.soupstration2 .top {
  background: url("../images/soups/soupstration02_top.png");
}
/* line 216, ../scss/resotto.sass */
#soup_list li .single_soup .soup_image img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100px !important;
  height: 100px !important;
}
/* line 223, ../scss/resotto.sass */
#soup_list li .single_soup h3 {
  text-align: center;
  font-family: "$family", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-transform: none;
  margin-bottom: 20px;
  margin-top: 0;
  padding-top: 20px;
}
/* line 232, ../scss/resotto.sass */
#soup_list li .single_soup p.souptitle {
  text-align: center;
  margin-bottom: 40px;
  margin-top: 5px;
  padding: 0 10px;
  font-family: "$family", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
}
/*
    LESS CSS Toolkit

    A collection of re-usable LESS CSS Mixins

    https://github.com/danieltott/Less-CSS-Toolkit

    Created by [Dan Ott](http://dtott.com)

    Maintained and improved by Dan Ott and [Bridget Stewart](http://sharksandcupcakes.com)

*/
html {
  font-size: 62.5%;
}
body {
  color: #444444;
  font-family: 'Quicksand', sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 100%;
}
/**
* ResOtto Theme settings
*/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*
    LESS CSS Toolkit

    A collection of re-usable LESS CSS Mixins

    https://github.com/danieltott/Less-CSS-Toolkit

    Created by [Dan Ott](http://dtott.com)

    Maintained and improved by Dan Ott and [Bridget Stewart](http://sharksandcupcakes.com)

*/
/* Mixin */
body {
  background: #fff;
}
a {
  color: #000;
  text-decoration: underline;
}
a:hover {
  color: #000;
}
#soups {
  /*height: 400px;*/

}
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 200px;
  z-index: 1;
}
#header #headerbg {
  position: absolute;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  background-color: #fff;
  border-width: 0 0 4px;
  border-image: 100 repeat url("../images/res_border_big.png");
  border-image: url("../images/res_border_big.png") 20 20 20 20 repeat;
  border-style: solid;
  background-clip: padding-box;
}
#header .beer-and-soup {
  position: absolute;
  left: 50px;
  top: 80px;
  font-weight: 300;
  font-size: 20px;
  text-transform: uppercase;
  color: black;
}
#header .language-box {
  position: absolute;
  right: 50px;
  top: 70px;
}
#header .language-box .lang-item {
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  /* future proofing */

  -khtml-border-radius: 40px;
  /* for old Konqueror browsers */

  width: 40px;
  height: 40px;
  background: #eeeeee;
  display: block;
  float: left;
  overflow: hidden;
  max-width: 40px;
  max-height: 40px;
  color: black;
  margin-right: 30px;
  text-align: center;
  border: 0 none;
  font: inherit;
  outline: 0 none;
  vertical-align: baseline;
  line-height: 40px;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
}
#header .language-box .lang-item.current-lang {
  font-weight: 700;
}
#header .language-box .lang-item a {
  text-decoration: none;
}
.navbar {
  margin-bottom: 0;
}
.navbar .navbar-inner {
  padding-left: 0;
  padding-right: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: none;
}
.navbar .navbar-inner .logo {
  width: 200px;
  text-align: center;
  margin: 0 auto;
  margin-top: 50px;
}
.navbar .nav {
  color: #444444;
}
.navbar .nav a {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: none;
  color: #444444;
}
.navbar .nav li {
  line-height: 0;
  float: none;
  display: inline-block;
}
.navbar .nav li a:hover {
  background: none;
  color: #444444;
}
.navbar .nav > li > a {
  text-shadow: none;
  margin: 0;
  padding: 0 20px;
  line-height: 50px;
  color: #444444;
}
.navbar .nav > li > a > i {
  color: #444444;
}
.nav-collapse .nav > li > a {
  font-weight: 400;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.nav-collapse ul.nav {
  float: none;
  margin: 15px auto 0 auto;
  text-align: center;
}
.affix {
  position: static;
  width: auto;
  top: 0;
  border-bottom: none;
}
.article-left h1 {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.article-left p {
  padding: 0px 50px;
  text-align: center;
  font-size: 14px;
  line-height: 28px;
}
.navbar .nav > li > a {
  color: #292929;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 300;
  text-transform: uppercase;
}
.navbar .nav > li > a:hover,
.navbar .nav > li.active > a {
  color: #ff0000;
  color: #292929;
  font-weight: 700;
}
#home {
  margin-top: 200px;
  padding-bottom: 20px;
}
#home .container {
  background: url('../images/resotto_outside.jpg') top left no-repeat;
  background-size: cover;
  /*border: none;*/

  border-width: 0 0 4px;
  border-image: url("../images/res_border_big_mirror.png") 30 30 30 30 repeat;
  border-style: solid;
  min-height: 740px;
}
#home #background {
  background-color: #222;
  background-image: url('../img/bgs/black-Linen.png');
  background: url('../images/resotto_outside.jpg') top left no-repeat;
  background-size: cover;
  height: 640px;
  width: 100%;
  top: 0;
  position: absolute;
  z-index: -1;
}
#home .times-container {
  margin-right: 30px;
  margin: 30px !important;
  float: right;
  /*height: 80%;*/

  padding-top: 30px;
  padding-bottom: 30px;
  background-image: url('../images/bgcolor.gif');
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-border-image: url("../images/res_box_big.png") 70 70 70 70 stretch;
  -o-border-image: url("../images/res_box_big.png") 70 70 70 70 stretch;
  -moz-border-image: url("../images/res_box_big.png") 70 70 70 70 stretch;
  border-image: url("../images/res_box_big.png") 70 70 70 70 stretch;
  border-width: 35px 35px 35px 35px;
  border-style: solid;
}
#home .times-container .times {
  list-style-type: none;
  padding-left: 0px;
  margin-left: 0;
}
#home .times-container .times li {
  font-size: 20px;
  line-height: 40px;
  text-transform: none;
  color: #d8cfb4;
  text-transform: uppercase;
  padding-left: 10px;
  *zoom: 1;
}
#home .times-container .times li:before,
#home .times-container .times li:after {
  content: "";
  display: table;
}
#home .times-container .times li:after {
  clear: both;
}
#home .times-container .times li:before,
#home .times-container .times li:after {
  display: table;
  content: "";
  line-height: 0;
}
#home .times-container .times li:after {
  clear: both;
}
#home .times-container .times li:before,
#home .times-container .times li:after {
  content: "";
  display: table;
}
#home .times-container .times li:after {
  clear: both;
}
#home .times-container .events {
  list-style-type: none;
  margin-left: 0;
  margin-top: 30px;
  padding-top: 0px;
}
#home .times-container .events li {
  padding-bottom: 20px;
  font-size: 20px;
  color: #fff;
  line-height: 40px;
  text-transform: uppercase;
  text-align: left;
  overflow: hidden;
}
#home .times-container .events li .event-date {
  padding-left: 10px;
  line-height: 28px;
}
#home .times-container .events li .event-title {
  line-height: 28px;
}
#home .times-container .events li .event-fb {
  line-height: 28px;
}
.maps-wrapper {
  position: relative;
}
.maps-wrapper #map {
  height: 600px;
}
.maps-wrapper #map img {
  width: auto;
  height: auto;
  max-width: none;
}
.maps-wrapper .map-overlay {
  display: block;
}
.maps-wrapper .map-overlay .address-container {
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 0;
  max-width: 50%;
  min-height: 500px !important;
  background: url(../images/resotto-logo-secondary.png) 30px center no-repeat, url(../images/res_stroke_big.png) center center no-repeat, url(../images/bgcolor.gif) top left no-repeat;
  background-size: 220px 66px, 110px 4px, 100% 100%;
  background-position: 50% 7%, 50% 56%, 0% 0%;
  -webkit-border-image: url("../images/res_abox_big.png") 70 70 70 70 stretch;
  -o-border-image: url("../images/res_abox_big.png") 70 70 70 70 stretch;
  -moz-border-image: url("../images/res_abox_big.png") 70 70 70 70 stretch;
  border-image: url("../images/res_abox_big.png") 70 70 70 70 stretch;
  border-width: 35px 35px 35px 35px;
  border-style: solid;
}
.maps-wrapper .map-overlay .address-container p {
  color: #d8cfb4;
  color: #fff;
  font-size: 18px;
  line-height: 34px;
  text-align: center;
  text-transform: uppercase;
}
.maps-wrapper .map-overlay .address-container p.address {
  margin-top: 130px;
}
.maps-wrapper .map-overlay .address-container p.stations {
  margin-top: 80px;
}
#about {
  padding-top: 20px;
  padding-bottom: 20px;
}
#about .container {
  border: none;
  background: #ffffff;
}
#about .about-text {
  text-align: center;
}
footer {
  margin-top: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid #f1f1f1;
}
#footer {
  background: #fff;
  padding-top: 20px;
  padding-bottom: 10px;
  color: #000;
}
.dayname {
  text-align: center;
  color: #00ff00;
  font-size: 26px;
  lin-height: 32px;
}
.soups_container {
  background: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
}
.soups_container .row-fluid {
  position: relative;
}
.soups_container .single_day_container {
  position: relative;
}
.soups_container .single_day_container .single_day {
  position: relative;
  border: none;
  padding: 0;
  background: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  /*	&.collapsed{}
				background: #0000ff;
			&.expanded{
				background: #ff0000;
				position: absolute;
				top: 0;
				left: 0;
				width: 430px;
				height: 500px;
			}*/

}
.soups_container .single_day_container .single_day.in {
  opacity: 1;
  display: block;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -ms-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.soups_container .single_day_container .single_day.out {
  opacity: 0;
}
.soups_container .single_day_container .single_day .day_name {
  text-align: center;
  font-size: 18px;
  font-family: 'Quicksand', sans-serif;
  color: #000;
}
.soups_container .single_day_container .single_day .single_soup {
  background: #ff00ff;
  min-height: 80px;
}
.soups_container .single_day_container .single_day_details {
  padding: 0;
  margin-left: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #ffff00;
  z-index: 1000;
  min-width: 300px;
  max-width: 400px;
}
.soups_container .single_day_container .single_day_details.in {
  opacity: 1;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -ms-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.soups_container .single_day_container .single_day_details.out {
  opacity: 0;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -ms-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  width: 0;
}
.resotto-message {
  padding: 30px 30px 0 30px;
  background: transparent;
  border: none;
  margin-bottom: 0;
}
.resotto-message div.span4 {
  display: inline-block;
  padding: 20px;
  background: #fff;
  width: 100%;
  text-align: center;
}
.weekly-menu-nav {
  text-align: center;
  margin-bottom: 0;
}
.weekly-menu-nav li {
  display: inline-block;
  float: none;
}
.weekly-menu-nav li.active a {
  font-weight: 700;
  text-decoration: none;
  background: #fff;
  color: #000;
}
.weekly-menu-nav li.active a:hover {
  background-color: #fafafa;
  color: #000;
}
.weekly-menu-nav li.active a:focus {
  background-color: #fafafa;
  color: #000;
  outline: none;
}
.weekly-menu-nav li a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
}
.weekly-menu-nav li a:hover {
  background-color: #fafafa;
}
.weekly-menu-container {
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  background-image: url('../images/bgcolor_inverted.gif');
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-border-image: url("../images/res_box_horizontal_inverted.png") 70 70 70 70 stretch;
  -o-border-image: url("../images/res_box_horizontal_inverted.png") 70 70 70 70 stretch;
  -moz-border-image: url("../images/res_box_horizontal_inverted.png") 70 70 70 70 stretch;
  border-image: url("../images/res_box_horizontal_inverted.png") 70 70 70 70 stretch;
  border-width: 35px 35px 35px 35px;
  border-style: solid;
}
.weekly-menu-container .weekly-menu-header h2 {
  text-align: center;
  font-size: 24px;
  text-transform: uppercase;
  margin: 20px;
}
.weekly-menu-container .weekly-menu-second-row {
  text-align: center;
  margin: 0 auto;
}
.weekly-menu-container .weekly-meals-explanation p {
  text-transform: uppercase;
  font-size: 10px;
  padding: 20px;
}
.single_day {
  background-image: url('../images/bgcolor_inverted.gif');
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-border-image: url("../images/res_box_horizontal_inverted.png") 70 70 70 70 stretch;
  -o-border-image: url("../images/res_box_horizontal_inverted.png") 70 70 70 70 stretch;
  -moz-border-image: url("../images/res_box_horizontal_inverted.png") 70 70 70 70 stretch;
  border-image: url("../images/res_box_horizontal_inverted.png") 70 70 70 70 stretch;
  border-width: 35px 35px 35px 35px;
  border-style: solid;
  min-height: 300px !important;
  margin-bottom: 20px !important;
  text-align: center;
  position: relative;
}
.single_day.general {
  min-height: 0 !important;
}
.single_day.general p.general-content {
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 10px;
}
.single_day .today {
  position: absolute;
  top: -30px;
  right: -30px;
  padding: 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-transform: uppercase;
}
.single_day .single-meal {
  word-wrap: break-word;
  margin-top: 20px;
}
.single_day .single-meal p.meal-title {
  color: #d8cfb4;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
}
.single_day .single-meal p.meal-price {
  color: #d8cfb4;
  color: #000;
  text-transform: uppercase;
  font-weight: 700;
}
.single_day h4 {
  color: #d8cfb4;
  color: #000;
  text-transform: uppercase;
  font-weight: 700;
}
#imprint {
  border-top: 1px solid #f1f1f1;
  padding-top: 30px;
}
.imprint-content {
  text-align: center;
}
.imprint-content h1 {
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 40px;
}
.imprint-content h2 {
  margin-top: 40px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 400;
}
.imprint-content p {
  font-size: 14px;
  line-height: 20px;
}
.imprint-content p.textblock {
  text-align: center;
}
#inner-footer .span12 {
  text-align: center;
}
.drinks-legend h3 {
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
}
.drinks-legend p {
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 20px;
}
.facebook-event-link {
  line-height: 28px;
  font-weight: 400;
  text-decoration: none;
}
.facebook-event-link:hover {
  text-decoration: none;
}
.icon-white {
  color: #fff;
  font-size: 20px;
}
.drinks-container .drinks-list {
  -webkit-column-count: 2;
  -webkit-column-gap: 1.875em;
  -webkit-column-fill: auto;
  -moz-column-count: 2;
  -moz-column-gap: 1.875em;
  /* -moz-column-fill: auto; */

  column-count: 2;
  column-gap: 1.875em;
  /* 30px */

  column-fill: auto;
}
.drinks-container .drinks-list .drinks-list-item {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
}
table.drinks-table {
  width: 100%;
  text-transform: uppercase;
}
table.drinks-table tr th {
  font-size: 14px;
  padding-bottom: 10px;
  text-align: right;
}
table.drinks-table tr th:first-child {
  text-align: left;
  font-size: 24px;
}
table.drinks-table tr th small {
  margin-left: 10px;
  font-weight: normal;
  font-size: 14px;
}
table.drinks-table tr td {
  text-align: right;
  font-size: 14px;
  padding: 10px 0px;
  font-weight: bold;
}
table.drinks-table tr td:first-child {
  text-align: left;
  padding-right: 20px;
}
table.drinks-table tr td sup {
  font-weight: normal;
}
table.drinks-table tr td small {
  font-weight: normal;
  margin-left: 7px;
}
table.drinks-table tr td.explanation {
  font-weight: normal;
}
.widget.span4 {
  width: 100% !important;
}
@media (min-width: 1200px) {
  .drinks-container .drinks-list {
    -webkit-column-count: 3;
    -webkit-column-gap: 1.875em;
    -webkit-column-fill: auto;
    -moz-column-count: 3;
    -moz-column-gap: 1.875em;
    /*-moz-column-fill: auto;*/
  
    column-count: 3;
    column-gap: 1.875em;
    /* 30px */
  
    column-fill: auto;
  }
  .drinks-container .drinks-list .drinks-list-item {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
  }
}
@media (min-width: 769px) and (max-width: 979px) {
  #home .container {
    min-height: 500px;
  }
  .maps-wrapper #map {
    height: 600px;
  }
  .maps-wrapper .map-overlay .address-container {
    margin-left: 10px;
    max-width: 80%;
    width: 75%;
  }
}
@media (max-width: 768px) {
  body {
    padding-right: 0;
    padding-left: 0;
  }
  .container {
    margin: auto;
  }
  .navbar .btn,
  .navbar .btn-group {
    margin-top: 36px;
  }
  #home .container {
    width: 100%;
    min-height: 300px;
  }
  #home #background {
    height: 700px;
  }
  #home .times-container {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 200px;
    width: 75% !important;
  }
  #home .times-container .times {
    padding-left: 10px;
    padding-right: 10px;
  }
  #home .times-container .times li {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
  }
  #home .times-container .events {
    padding-left: 10px;
    padding-right: 10px;
  }
  #home .times-container .events li {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
  }
  .maps-wrapper #map {
    height: 600px;
  }
  .maps-wrapper .map-overlay .address-container {
    margin-left: 10px;
    max-width: 80%;
    width: 45%;
  }
  .drinks-container .drinks-list {
    -webkit-column-count: 1;
    -webkit-column-gap: 1.875em;
    -webkit-column-fill: auto;
    -moz-column-count: 1;
    -moz-column-gap: 1.875em;
    -moz-column-fill: auto;
    column-count: 1;
    column-gap: 1.875em;
    /* 30px */
  
    column-fill: auto;
  }
  .drinks-container .drinks-list .drinks-list-item {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
  }
}
@media (max-width: 480px) {
  body {
    padding-right: 0;
    padding-left: 0;
  }
  #home,
  #about,
  #features,
  #services,
  #portfolio,
  #contact {
    /*padding-top: 40px;*/
  
  }
  #home .container,
  #about .container,
  #features .container,
  #services .container,
  #portfolio .container,
  #contact .container {
    min-height: 430px;
  }
  #header {
    position: static;
    min-height: 280px;
    background: #fff;
  }
  #header #headerbg {
    height: 280px;
  }
  #header .beer-and-soup {
    position: absolute;
    left: 0px;
    top: 145px;
    text-align: center;
    width: 100%;
    font-weight: 300;
    font-size: 20px;
    text-transform: uppercase;
  }
  #header .language-box {
    position: absolute;
    right: 10px;
    top: 20px;
  }
  #header .language-box .language-chooser {
    margin-right: 20px;
  }
  #imprint .container .row-fluid .imprint-content {
    padding-left: 20px;
    padding-right: 20px;
  }
  #drinks {
    border: none !important;
  }
  table.drinks-table {
    width: 90%;
  }
  table.drinks-table tr th {
    font-size: 12px;
  }
  table.drinks-table tr th:first-child {
    text-align: left;
    font-size: 16px;
  }
  table.drinks-table tr th small {
    font-size: 12px;
  }
  table.drinks-table tr td {
    font-size: 12px;
    padding: 0px 0px;
    padding-left: 20px;
    font-weight: bold;
    padding-bottom: 10px;
  }
  table.drinks-table tr td:first-child {
    padding-right: 0px;
    padding-left: 0px;
    float: left;
    max-width: 150px;
  }
  table.drinks-table tr td small {
    margin-left: 2px;
    float: left;
  }
  table.drinks-table tr td.explanation {
    font-weight: normal;
  }
  .drinks-legend h3 {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
  }
  .drinks-legend p {
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 18px;
  }
  #home {
    margin-top: 0;
  }
  #home #background {
    height: 1000px;
  }
  #home .times-container {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 30px;
    width: 80% !important;
    margin-right: 40px !important;
    margin-top: 120px !important;
  }
  #home .times-container .times {
    padding-left: 5px;
    padding-right: 5px;
  }
  #home .times-container .times li {
    font-size: 16px;
    line-height: 22px;
  }
  #home .times-container .events {
    padding-left: 5px;
    padding-right: 5px;
  }
  #home .times-container .events li {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
  }
  #soups #soup_wrapper {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    max-width: 400px !important;
    min-height: 400px;
    display: block;
  }
  #soups #soup_wrapper .bx-wrapper {
    width: 100%;
    position: absolute;
    z-index: 3;
    margin: 0 !important;
    padding: 0 !important;
  }
  #soups #soup_wrapper #soups_prev {
    position: absolute;
    left: 0;
    z-index: 4;
    height: 200px;
  }
  #soups #soup_wrapper #soups_next {
    position: absolute;
    right: 0px;
    z-index: 4;
    height: 200px;
  }
  .maps-wrapper {
    width: 100%;
  }
  .maps-wrapper #map {
    height: 800px;
  }
  .maps-wrapper .map-overlay .address-container {
    margin-left: 35px;
    margin-top: 40px;
    max-width: 80%;
    width: 80%;
  }
  .maps-wrapper .map-overlay .address-container p {
    font-size: 16px;
  }
  .affix-top {
    margin: 45px auto 0 auto;
    text-align: center;
  }
  .affix-top .nav li {
    float: none !important;
  }
  .affix-top .nav li a {
    padding: 5px 10px;
  }
  #inner-header {
    width: 100%;
  }
  .affix {
    position: fixed;
    top: 0px;
    z-index: 1000;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #000;
  }
  .affix .nav {
    margin-top: 0;
  }
  .affix .nav li {
    float: none !important;
  }
  .affix .nav li a {
    padding: 5px 10px;
  }
  #inner-footer .span12 {
    padding: 20px;
    text-align: center;
  }
  #nav {
    margin: 0 auto;
  }
  .nav-collapse {
    /*position: fixed;
  	z-index: 1;*/
  
  }
  .nav-collapse .nav > li > a {
    line-height: 100px;
    line-height: 30px;
  }
  .container {
    margin-left: 0px;
    margin-right: 10px;
  }
  .navbar .navbar-inner {
    background: #fff;
  }
  .navbar .navbar-inner .logo {
    width: 150px;
    text-align: center;
    margin: 0 auto;
    margin-top: 80px;
  }
  #nav {
    background: #000;
    margin-right: 0;
  }
  .nav-collapse.collapse {
    background: #fff;
  }
  .nav-collapse .nav > li {
    float: left;
  }
  .navbar .btn,
  .navbar .btn-group {
    margin-top: 36px;
  }
  .weekly-menu-container .weekly-menu-header h2 {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    margin: 20px;
  }
  .weekly-menu-container .weekly-menu-second-row {
    text-align: center;
    margin: 0 auto;
  }
  .weekly-menu-container .weekly-meals-explanation p {
    text-transform: uppercase;
    font-size: 10px;
    padding: 20px;
  }
}