@media only screen and (min-width: 1400px) {
  footer > .content {
    max-width: 950px;
  }
  section > .content {
    max-width: 1200px;
  }
}
@media only screen and (max-width: 768px) {
  .main > section {
    float: none;
    width: 100%;
    padding: 1em 0;
  }
  .userMenu {
    text-align: center;
  }
  .userMenu ul.menuBar.vertical,
  nav.userMenu h2,
  #lastConcert,
  .lastConcert {
    float: none;
    margin: auto;
  }
  #lastConcert,
  .lastConcert {
    text-align: left;
  }
  h1.home {
    width: 100%;
    margin: 2em 0;
  }
  .grid > .col1,
  .grid > .col2,
  .grid > .col3,
  .grid > .col4,
  .grid > .col5,
  .grid > .col6,
  .grid > .col7,
  .grid > .col8,
  .grid > .col9,
  .grid > .col10,
  .grid > .col11 {
    width: 49%;
  }
  .grid > div:nth-child(even) {
    margin-right: 0;
  }
  ul.menu-bar.horizontal {
    padding-left: 20px;
  }
  ul.menu-bar.horizontal a.menu-trigger {
    display: block;
  }
  ul.menu-bar.horizontal ul.menu-items {
    display: none;
    position: absolute;
    left: 0;
    top: 55px;
    width: 70%;
    z-index: 11000;
    text-align: left;
    box-shadow: 8px 10px 10px rgba(0, 0, 0, 0.2);
  }
  ul.menu-bar.horizontal ul.menu-items > li {
    display: block;
    background-color: #ccc;
  }
  ul.menu-bar.horizontal ul.menu-items > li > a {
    display: block;
    width: 100%;
    border-radius: 0;
    padding: 0.2em 0.8em 0.2em 0.8em;
  }
  ul.menu-bar.horizontal .menuOpen ul {
    display: block;
  }
  .userMenu ul.menuBar.vertical li {
    background: url("../images/menuItemHover.gif") no-repeat;
    background-size: cover;
    background-color: white;
  }
  .userMenu ul.menuBar.vertical li a {
    color: #BD9A9A;
  }
  ul.mediaViewList li {
    width: auto;
  }
  div.cfmedia_medium {
    width: 100% !important;
    min-width: 250px;
    max-width: 600px !important;
    height: 70% !important;
    min-height: 152px;
    display: block;
  }
  .fancybox-inner {
    overflow: hidden;
    min-height: 130px;
  }
}
@media screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 0) {
  .grid > div:nth-child(odd):last-child,
  .grid > div:nth-child(odd).last {
    float: left !important;
  }
}
@media only screen and (max-width: 414px) {
  .grid > .col1,
  .grid > .col2,
  .grid > .col3,
  .grid > .col4,
  .grid > .col5,
  .grid > .col6,
  .grid > .col7,
  .grid > .col8,
  .grid > .col9,
  .grid > .col10,
  .grid > .col11,
  .grid > .col12 {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  a.logo {
    width: 70%;
  }
}
/*# sourceMappingURL=responsive.css.map */