/* signika-300 - latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/signika-v11-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/signika-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/signika-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/signika-v11-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/signika-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/signika-v11-latin-300.svg#Signika') format('svg'); /* Legacy iOS */
}

/* signika-600 - latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/signika-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/signika-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/signika-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/signika-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/signika-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/signika-v11-latin-600.svg#Signika') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
       url('../fonts/roboto-condensed-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v18-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('../fonts/roboto-condensed-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v18-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('../fonts/roboto-condensed-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v18-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* icomoon */
@font-face {
  font-family: 'icomoon';
  src:  url('../icomoon/fonts/icomoon.eot?slpjh');
  src:  url('../icomoon/fonts/icomoon.eot?slpjhd#iefix') format('embedded-opentype'),
    url('../icomoon/fonts/icomoon.ttf?slpjh') format('truetype'),
    url('../icomoon/fonts/icomoon.woff?slpjh') format('woff'),
    url('../icomoon/fonts/icomoon.svg?slpjh#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

html, body {height:100%; width:100%; margin:0; padding:0;}
body {font-family:'Signika',Arial,sans-serif; font-size:16px; line-height:1.6em; font-weight:300; min-width:320px; color:#333; overflow:auto;}
div,* {box-sizing:border-box;}

#all {width:100%; height:auto; min-height:100%; overflow:hidden;}

header, section, footer {display:block; position:relative;}
header:before, header:after, section:before, section:after, footer:before, footer:after {content:""; display:table; clear:both;}
h1 {font-family:'Signika',Arial,sans-serif; font-size:2.4em; font-weight:bold; line-height:1.4em; padding:0; margin:0; color:#8bc819; text-align:center;}
h2, .h2 {font-family:'Signika',Arial,sans-serif; font-size:1.6em; font-weight:500; line-height:1.4em; padding:0; margin:0.6em 0;}
h3, .h3 {font-family:'Signika',Arial,sans-serif; font-size:1.25em; font-weight:500; letter-spacing:1px; line-height:1.4em; padding:0; margin:0.7em 0;}
h4, .h4 {font-family:'Signika',Arial,sans-serif; font-size:1.1em; font-weight:500; letter-spacing:1px; line-height:1.4em; padding:0; margin:0.8em 0;}
h5 {font-family:'Signika',Arial,sans-serif; font-size:1em; font-weight:500; letter-spacing:1px; line-height:1.4em; padding:0; margin:0.8em 0;}
p {font-family:'Signika',Arial,sans-serif; line-height:1.5em; padding:0; margin:0.9em 0;}
img {height:auto; width:auto; max-width:100%;}
a {color:#333;}
a.noDeco {text-decoration:none;}
strong {font-weight:600;}
.noWrap {white-space:nowrap;}
.mobile {display:none;}
.rowHeadline h2 {margin:1.2em 0 0; text-align:center;}
ol {line-height:1.6em; padding:0 0 0 1em; margin:0.9em 0;}
ol li {margin:0 0 0.6em;}
ul {line-height:1.6em; padding:0 0 0 1em; margin:0.9em 0;}
ul li {margin:0 0 0.6em;}
.inact, .inact a {color:#999;}
.hidden {display:none;}
.margin-top-0 {margin-top:0;}

.btn, a.btn {display:inline-block; margin:0; font-size:1em; text-decoration:none; color:#fff; background-color:#333; padding:0.3em 1em; border:none;}
.btnSubmit {background-color:#699c40;}
.btn:active {background-color:#111;}

header {z-index:80; background-color:#fff; border-bottom: 6px solid #153f69;}
.logo {display:block; margin:0 auto;}
.loginInfo {position:absolute; bottom:15px; right:3em; font-size:0.9em; line-height:1.2em; white-space:nowrap; background-color:rgba(255,255,255,0.8); z-index:15;}
.loginInfo span {display:block;}
.btnLogout {display:block; position:absolute; bottom:15px; right:0; height:2.4em; width:2.4em; text-align:center; text-decoration:none; color:#fff; background:#153f69;}
.btnLogout:before {content:"\f08b"; font-family:'Icomoon' !important; font-size:1.5em; line-height:1.6em;}
.headerContent {position:absolute; left:0%; top:50%; margin-top:-1.4em; width:100%; text-align:center;}
.headerContent h2 {font-family:'Roboto Condensed'; display:inline-block; margin:0; padding:0.2em 1em; font-weight:bold; letter-spacing:0.05em; background-color:#8bc819; color:rgba(255,255,255,1);}
.scrolled header {position:fixed; top:0; left:0; width:100%;}
.scrolled .logo {height:43px;}
.scrolled .main {padding-top:121px;}

.navMain {position:absolute; bottom:15px; left:0;}
.navMain ul {margin:0; padding:0;}
.navMain li {float:left; list-style-type:none; margin:0 5px 0 0; padding:0; background-color:#fff; border:1px #ccc solid;}
.navMain li a {display:block; padding:0.7em 6px; font-size:0.9em; line-height:1.1em; text-decoration:none; color:#153f69; cursor:pointer;}
.navMain li.act {background-color:#ccc;}
navMain li.act a {color:#fff;}
#btnNav, #btnClose {display:none;}

.accountHolder {position:relative; text-align:center; margin-top:-2em; z-index:8;}
#accountSelector {display:inline-block; background-color:rgba(255,255,255,0.8);}
#accountSelector a {display:none; padding:0.2em 0.5em; cursor:pointer;}
#accountSelector.opened a {display:block; background-color:#eee;}
#accountSelector a.act {display:block;}
#accountSelector.opened a.act {background:#fff;}

.main {width:1680px; max-width:100%; min-height:calc(100vh - 151px - 2.2em); margin:0 auto; padding:0 0 1em;}
.loggedIn .main {padding-bottom:6em;}

.mainContent {width:980px; max-width:100%; margin:0 auto;}
.mainContent h2 {text-align:center;}
.bgWhite {background-color:#fff;}
.bgSilver {background-color:#ddd;}
.bgBlue {background-color:#255981;}
.borderBlue { border-top:6px #255981 solid;}
.blue {color:#255981;}
.padding-top {padding-top:15px;}
.padding-bottom {padding-bottom:15px;}
.colPic img {display:block;}
.rowHeadline .col {padding-top:0; padding-bottom:0;}
.editorLink, .modal a.editorLink {display:block; position:absolute; top:0; right:0; height:40px; width:40px; color:#fff; background-color:#27303A; text-decoration:none; z-index:99;}
.editorLink:before {display:block; content: "\f044"; font-family:"Icomoon" !important; font-size:28px; line-height:40px; text-align:center; padding-left:4px;}

.small {font-size:0.85em;}
.large {font-size:1.2em;}
.xLarge {font-size:1.4em;}

.breadcrumbs .sectionContainer {padding-top:0; padding-bottom:0;}
.breadcrumbs a {text-decoration:none; white-space:nowrap;}
.startpage .breadcrumbs {display:none;}

footer {color:#333; background-color:#ddd;}
footer ul {margin:0 0 0 -0.5em; padding:0;}
footer li {display:inline-block; list-style-type:none; margin:0;}
footer a {display:inline-block; padding:0.3em 0.5em; text-decoration:none;}
footer p {margin:0; padding:0.3em 0;}
.footerlogo {display:block; height:65px; width:auto; padding:5px 0;}
.modal {width:96%; max-width:980px;}
.modal header {display:none;}

/* Header-Slider */
.slidePic {background-size:cover; background-position:center;}
.slidePic img {display:block; height:auto; width:80%;}

/* Forms */
form {margin:0 auto; padding:0;}
input, textarea {font-family:'Signika',Arial,sans-serif; font-size:1em;}
label {display:block;}
hr.formline {width:auto; max-width:700px; margin:20px auto 0; height:0; border-style: none; border-top: 1px solid #ccc;}

.message {max-width:96%; margin-top:1em; padding:0 0.5em; background-color:#ffc; border:2px #153f69 solid; text-align:center;}

.formText {padding:5px 15px;}
.formText input, .formText select {font-family:'Signika',Arial,sans-serif; font-size:16px; width:100%; padding:0.3em 0.1em; color:#000; background-color:#eee; border:1px #ccc solid;}
.formText input.iHalf, .formText select.iHalf {width:46%;}
.formText input.iSmall, .formText select.iSmall {width:25%; padding-left:0.5em;}
.formText label {display:block;}
.rowCheck label {display:inline-block;}
.asterisk {color:#c00; font-weight:bold;}
.rowMessage {padding:0 0.5em; margin:1em 0 0; border:2px #255981 solid;}
.formSet.marked {background-color:#fcc;}
.formSet.marked input {border-color:#c00;}

.formCheck {position:relative; height:auto; min-height:30px; margin-bottom:1px;}
.formCheck input {position:absolute; top:20px; left:20px;}
.formCheck label {display:block; float:left; padding:0 0 0.5em 45px;}
.formCheck label:before {content:"\f00d"; font-family:icomoon; display:block; position:absolute; top:15px; left:15px; height:30px; width:30px; font-size:25px; text-align:center; line-height:30px; color:#c99; background:#ddd; cursor:pointer;}
formCheck input:checked + label:before, .formCheck.isChecked label:before {content:"\f00c"; color:#0c0;}

.formRadio {position:relative; height:30px; margin:1.5em 0 1px;}
.formRadio input {position:absolute; top:5px; left:5%;}
.formRadio label {display:block; position:relative; float:left; margin-left:2%; height:35px; width:96%; padding:8px 10px 5px; text-align:center; background-color:#ddd; border-radius:1.2em; cursor:pointer; z-index:2;}
.formRadio input:checked + label, .formRadio.isChecked label {font-weight:500; background-color:#BDF170;}

.loginForm form {width:auto; max-width:400px;}
.loginForm .btn {width:100%;}

.btnFixed {position:fixed; left:0; bottom:0; width:100%; padding:2em 0; text-align:center; background-color:#fff; border-top:2px #ccc solid;}
.btnFixed.act {background-color:#ffc; border-top:2px #ffd800 solid;}
.btnFixed .btn {padding:0.3em 2em;}
.btnFixed.act .btn {font-size:1.1em;}

/* Speiseplan */
a.prevWeek {display:inline-block; width:1.3em; height:1.3em; padding-right:0.1em; margin-top:0.2em; font-size:2em; line-height:1.2em; text-align:center; text-decoration:none; color:#fff; background:#8bc819; border-radius:50%;}
a.prevWeek:before {content:"\f104"; font-family:'Icomoon' !important;}
a.nextWeek {display:inline-block; width:1.3em; height:1.3em; padding-left:0.1em; margin-top:0.2em; font-size:2em; line-height:1.2em; text-align:center; text-decoration:none; color:#fff; background:#8bc819; border-radius:50%;}
a.nextWeek:before {content:"\f105"; font-family:'Icomoon' !important;}
.foodList .col {float:none; padding:0 15px; font-family:'Roboto Condensed' !important; text-align:center; line-height:1.3em;}
.foodList p {font-family:'Roboto Condensed' !important;margin:0;}
.colDate {color:#fff; background-color:#153f69; border-top:1px #fff solid;}
.colDate.first {border-top:none;}
.colDate p {margin:0; padding: 0.5em 0; font-size:1.4em; line-height:1.3em; font-weight:bold;}
.rowHeadline {display:none; background-color:#153f69;}
.colFoodHead {color:#fff; background-color:#153f69; border-left:1px #fff solid;}
.colFoodHead p, .colDate.first p {margin:0; padding: 0.6em 0; font-size:1.2em; line-height:1.3em; font-weight:bold;}
.colFoodContent {position:relative; font-weight:400; font-size:1em; border-right:1px #bbb solid; border-bottom:1px #bbb solid; cursor:pointer;}
.colFoodContent p {margin:0; padding:0.6em 0; line-height:1.3em;}
.colFoodContent p.foodTitle {position:relative; border-bottom:1px #ddd solid;}
.colFoodContent .info {position:absolute; top:0.3em; right:-10px; display:block;}
.colFoodContent .info img {display:block; width:1.8em; height:auto; margin:0 auto;}
.colFoodContent .additives {display:block; font-style:italic; color:#666;}
.colFoodContent .selector {position:relative;}
.selector:before, .selector:after {content:""; display:table; clear:both;}
.select2 {border-top:1px #ccc solid;}
.colFoodContent.selected, .selector.selected {background-color:#d2f49f;}
.rowLast .colPic {float:left; width:33.3%; padding:0; background-size:cover; background-position:center; border:1px #fff solid;}
.rowLast .spacer {display:block; width:66%; height:auto;}
.numHolder {display:none; position:absolute; left:0; bottom:0; font-size:1.3em; line-height:2em; text-align:center; background:#b7e276;}
.numField {display:inline-block; width:auto; min-width:2em;}
.multiple .selected .numHolder {display:block;}
.numHolder.act {display:block; width:100%; padding:0 2em;}
.numSub {position:absolute; top:0; left:0; display:none; height:2em; width:2em; text-align:center; background:#8bc819;}
.numAdd {position:absolute; top:0; right:0; display:none; height:2em; width:2em; text-align:center; background:#8bc819;}
.multiple .numHolder.act .numSub, .multiple .numHolder.act .numAdd {display:block;}

#orderForm .formMessageHolder, #orderListForm .formMessageHolder {position:absolute; bottom:110%; left:0; width:100%;}
#orderForm .formMessage, #orderListForm .formMessage {display:none; background-color:#ff9; border:2px #153f69 solid; z-index:99;}

/* Bestellungen */
.tblList .col {padding:5px 15px;}
.tblList .col.padding-0 {padding:5px 0;}
.tblList .col .col {padding:0.2em 0; line-height:1.2em;}
.tblList .rowEven {background-color:#eee;}

/* Anmeldung */
#userForm, #resetForm, #dataForm, #uploadForm, #dropzoneHolder {width:auto; max-width:600px; margin:0 auto;}
#userForm #accountdata {}
#userForm .row.formSpacer {padding-top:0.5em; margin-top:1.5em; border-top:2px #666 solid;}
#userForm .row.formSpacerLight {padding-top:0.5em; margin-top:1.5em; border-top:1px #ccc solid;}
#userForm .formMessage, #resetForm .formMessage , #dataForm .formMessage , #uploadForm .formMessage {display:none; margin:1em 0; background-color:#ff9; border:2px #153f69 solid; z-index:99;}
#fileSubmit {position:absolute; display:none; visibility:hidden; height:1px; overflow:hidden;}
#dropzoneHolder .uploadMessage {display:none; margin-top:1em; padding:0.5em; background-color:#ff9; border:2px #153f69 solid; z-index:99;}
.dz-button {font-family:'Signika',Arial,sans-serif; font-size:1em; background-color:#fff; border:none;}
.dz-preview .btn {display:block; width:100%; margin-top:0.3em; font-size:0.85em; background-color:#999;}


@media screen and (min-width:991px){
  .foodList .row, .rowHeadline {display:block;}
  .foodList .row, .rowHeadline {display:flex; align-items:stretch;}
  /*.foodList .row:before, .foodList .row:after {display:none;}*/
  .foodList .col {float:left; padding:0;}
  .colDate {width:4.8%;}
  .colDate span.date {display:block; font-size:0.6em;}
  .colFoodHead {width:13.6%;}
  .colFoodContent {position:relative; width:13.6%; padding:0; font-weight:400; font-size:0.75em;}
  .size-0 .colDate {width:4.85%; border-right:1px #fff solid;}
  .size-1 .colDate, .size-2 .colDate, .size-3 .colDate {width:10%;}
  .size-1 .colFoodHead, .size-1 .colFoodContent, .size-2 .colFoodHead, .size-2 .colFoodContent {width:45%;}
  .size-3 .colFoodHead, .size-3 .colFoodContent {width:30%;}
  .size-4 .colDate {width:8%;}
  .size-4 .colFoodHead, .size-4 .colFoodContent {width:23%;}
  .size-5 .colDate {width:5.5%;}
  .size-5 .colFoodHead, .size-5 .colFoodContent {width:18.9%;}
  .size-6 .colDate {width:5.2%;}
  .size-6 .colFoodHead, .size-6 .colFoodContent {width:15.8%;}
  .colFoodContent.single .selector {height:100%; padding-bottom:2.5em;}
  .colFoodContent p {margin:0 15px; padding:0.6em 10px;}
  .colFoodContent p.foodTitle {position:relative; border-bottom:1px #ddd solid;}
  .colFoodContent .price {position:absolute; bottom:0; left:0; width:100%; font-weight:bold;}
  .rowEven {background-color:#eee;}
  .rowLast .colPic {width:13.6%;}
  .rowLast .colEven {border-top:4.5em #fff solid;}
  .rowLast .colOdd {border-bottom:4.5em #fff solid;}
  .rowLast .spacer {width:100%;}
}

@media screen and (min-width:1200px){
  body {font-size:18px;}
  .container {width:1140px;}
  .size-1 .colFoodContent, .size-2 .colFoodContent, .size-3 .colFoodContent {font-size:0.85em;}
  .mainpage .liOpened .navSub {max-height:0;}
  .navSub {transition:0.3s;}
  .pageHeadline h1 {width:1170px;}
  .footerlogo {height:70px;}
}

@media screen and (min-width:1600px){
  header .container, .container.foodList.size-5, .container.foodList.size-6, .container.headerSlider {width:1680px;}
  .navMain li {padding-left:10px; padding-right:10px;}
  .navMain li a {font-size:1em; line-height:1em;}
  .slidePic img {width:70%;}
  .colFoodContent {font-size:0.85em;}
  .colFoodContent p {padding-left:30px; padding-right:30px;}
  .rowLast .colPic {font-size:1.4em;}
}

@media screen and (max-width:990px){
  .loginInfo {top:calc(100% + 11px); right:5px; bottom:auto; padding:0.3em;}
  .btnLogout {right:5px;}
  .scrolled .loginInfo {display:none;}
  .slidePic img {width:100%;}
  #navOuter {position:fixed; top:0; left:-100%; height:100%; width:100%; box-sizing:border-box; background:#fff; transition:0.4s; z-index:80;}
  .nav {height:100%; overflow:auto;}
  body.navOpened {overflow:hidden;}
  .navOpened #navOuter {left:0%;}
  .navMain {position:relative; top:auto; bottom:auto; margin:3em 0 1em;}
  .navMain ul {border-top:1px #ccc solid;}
  .navMain li {float:none; margin:0; border:none; border-bottom:1px #ccc solid; text-align:center;}
  .navMain li a {font-size:1em;}
  #btnNav {display:block; position:absolute; bottom:15px; left:5px; height:2.4em; width:2.4em; text-align:center; color:#153f69; background-color:#fff; cursor:pointer;}
  #btnNav:before {content:"\f0c9"; font-family:'Icomoon' !important; font-size:1.8em; line-height:1.3em;}
  #btnClose {position:absolute; display:block; top:5px; right:5px; height:2.4em; width:2.4em; text-align:center; color:#fff; background-color:#b71717; cursor:pointer;}
  #btnClose:before {content:"\f00d"; font-family:'Icomoon' !important; font-size:1.5em; line-height:1.45em;}
  .scrolled #btnNav { top:calc(58px - 2.4em);}
  
  .colDate {cursor:pointer;}
  .colDate.empty {background-color:#ccc;}
  .row.act .colDate {background-color:#0E6BAA;}
  .row.act .colDate:before {content:"\f00c"; font-family:'Icomoon' !important; position:absolute; top:0.6em; right:0.3em; font-size:1.6em;}
  .foodList .col.colFoodContent {margin-top:-1px; text-align:left; border-top:3px #153f69 solid;}
  .colFoodContent.empty {display:none;}
  .colFoodContent .selector {margin-left:-15px; margin-right:-15px; padding-left:15px; padding-right:15px;}
  .colFoodContent p.foodTitle {float:left; padding-left:0; padding-right:10px; width:calc(100% - 4em);}
  .colFoodContent .info {}
  .colFoodContent .info img {width:1.7em;}
  .colFoodContent p.price {position:absolute; top:0; right:15px;}
  .numHolder {font-size:1.2em; top:0;}
  .numHolder.act {width:auto;}
  .colFoodContent .selected p.foodTitle {padding-left:1.8em;}
  
  .foodList .row {height:auto; max-height:3.2em; overflow:hidden; transition:0.5s;}
  .foodList .row.opened {max-height:800px;}
  .foodList .rowLast {max-height:10000px;}
  .foodList .rowLast .colPic.last {display:none;}
}

@media screen and (max-width:990px) and (orientation:portrait){
  #bgFixed {background-attachment:scroll;}
}

@media screen and (max-width:767px){
  .slidePic img {width:150%; max-width:150%;}
  .scrolled .main {padding-top:79px;}
  .logo  {height:43px;}
  .headerContent {font-size:0.8em;}
  .contentHolder {position:relative; top:auto; color:#333; text-align:center;}
  .modal {width:96%; padding:15px;}
}

@media screen and (max-width:767px) and (orientation:landscape){
}


@media screen and (max-width:575px){
  .slidePic img {width:220%; max-width:220%;}
  h1 {font-size:2em; text-align:center;}
  h2, .h2 {font-size:1.4em;}
  h3, .h3 {font-size:1.15em;}
  h4, .h4 {font-size:1em;}
  h1 span {font-size:0.8em;}
  .headerContent {width:90%; margin-left:5%;}
  .colFoodContent {font-size:0.9em;}
  .rowLast .colPic {width:50%;}
  .loginForm form {max-width:100%;}
  .tblList .row {padding:10px 0;}
  .tblList .col {padding:0 10px;}
  .footerlogo {display:none;}
}

@media print{
  body {font-size:13px;}
  .slidePic img.desktop {width:160%; margin:0 -60%;}
  .logo {height:43px;}
}