body {
  font-size: 1em;
  line-height: 1.5em;
}
.wrapper {
  padding: 0 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.wrapper:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.wrapper-right {
  padding-right: 1.5em;
  padding-left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.wrapper-right:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.wrapper-left {
  padding-left: 1.5em;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.wrapper-left:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.undo-wrapper {
  padding: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}
@media screen and (min-width: 66em) {
  #masthead,
  #content-wrapper,
  #colophon .block,
  #content-wrapper,
  #main-menu {
    padding: 0 5.5555555555556%;
  }
  #colophon .block-menu {
    padding: 0 4.1666666666667% 0 0;
  }
  #content-wrapper {
    padding: 0;
    width: 100%;
  }
  #main-menu {
    margin: 0;
    padding: 0;
    padding: 0 5.5555555555556%;
  }
  #main-menu ul {
    margin-left: 25%;
    padding-left: 1.5em;
  }
  #main-menu ul li {
    padding-right: 1.75em;
  }
  #colophon #block-boxes-empac-contact {
    float: left;
    width: 44.444445%;
    padding-right: 0;
  }
  #colophon #block-menu-menu-connect {
    padding: 0 5.5555555% 0 0;
  }
  #colophon #block-menu-menu-program,
  #colophon #block-menu-menu-events,
  #colophon #block-menu-menu-info,
  #colophon #block-menu-menu-connect {
    width: 11.11111%;
  }
  #colophon #block-menu-menu-program h1,
  #colophon #block-menu-menu-events h1,
  #colophon #block-menu-menu-info h1,
  #colophon #block-menu-menu-connect h1 {
    margin-left: 2.8em;
    margin-right: 0;
  }
  #colophon #block-menu-menu-program .content,
  #colophon #block-menu-menu-events .content,
  #colophon #block-menu-menu-info .content,
  #colophon #block-menu-menu-connect .content {
    margin: 0 0 0 3em;
    padding: 0;
  }
  #homeRightSide {
    width: 33.333%;
    float: right;
    padding-left: 1.5em;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  #homeRightSide:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  #homeLeftSide {
    width: 66.667%;
    float: left;
    padding-right: 1.5em;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  #homeLeftSide:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  #content-wrapper #block-system-main .view-event-seasons #isotope-container,
  #content-wrapper #block-system-main .view-event-year #isotope-container,
  #content-wrapper #block-system-main .view-festival-events-schedule #isotope-container {
    width: 100%;
    float: none;
  }
  #isotope-options #filters li {
    display: inline;
    width: auto;
  }
  #content {
    float: right;
    width: 66.666666666667%;
    margin-top: 1.5em;
    margin-right: 5.5555555555556%;
    margin-bottom: 3em;
  }
  #sidebar-first {
    clear: none;
    float: right;
    display: block;
    width: 22.222222222222%;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
}
