/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 9, 2015 */
@font-face {
  font-family: 'dk_majolicaregular';
  src: url("dk_majolica-webfont.eot");
  src: url("dk_majolica-webfont.eot?#iefix") format("embedded-opentype"), url("dk_majolica-webfont.woff2") format("woff2"), url("dk_majolica-webfont.woff") format("woff"), url("dk_majolica-webfont.ttf") format("truetype"), url("dk_majolica-webfont.svg#dk_majolicaregular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 9, 2015 */
@font-face {
  font-family: 'rieslingregular';
  src: url("riesling-webfont.eot");
  src: url("riesling-webfont.eot?#iefix") format("embedded-opentype"), url("riesling-webfont.woff2") format("woff2"), url("riesling-webfont.woff") format("woff"), url("riesling-webfont.ttf") format("truetype"), url("riesling-webfont.svg#rieslingregular") format("svg");
  font-weight: normal;
  font-style: normal; }
#wrapper {
  max-width: 1200px;
  z-index: -100000;
  margin: auto;
  padding-top: 1px; }
  #wrapper #video {
    position: fixed;
    z-index: -2000;
    min-height: 200px;
    width: 100%;
    padding-top: 1px;
    max-width: 1200px; }
  #wrapper #logo {
    background-image: url(images/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    margin: auto;
    width: 100%;
    height: 627px;
    margin-top: 150px;
    padding-top: 1px; }
    @media screen and (min-width: 1000px) {
      #wrapper #logo {
        background-image: url(images/logobig.png);
        height: 615px; } }
  #wrapper li a {
    text-decoration: none;
    font-family: 'dk_majolicaregular';
    color: #EB5947; }
  #wrapper button, #wrapper select {
    width: 100px;
    height: 30px;
    border-radius: 5px;
    text-decoration: none;
    background: #E8E4DA; }
  #wrapper select {
    width: 250px; }
  #wrapper #ticketnav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    box-sizing: border-box;
    padding-bottom: 100px;
    background: white;
    width: 100%; }
    @media screen and (max-width: 900px) {
      #wrapper #ticketnav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        margin: auto; }
        #wrapper #ticketnav img {
          width: 70%;
          margin-left: 15%;
          padding-top: 10px; } }
  #wrapper #list {
    box-sizing: border-box;
    padding-left: 100px;
    padding-bottom: 200px;
    background: white; }
  #wrapper nav ul {
    font-family: dk_majolicaregular, helvetica;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    font-size: 26px;
    margin-top: -200px;
    padding: 10px; }
    @media screen and (min-width: 1000px) {
      #wrapper nav ul {
        padding: 20px;
        background-color: #E9E5DB;
        margin-top: -300px;
        height: 150px; } }
    #wrapper nav ul a {
      text-decoration: none;
      color: black; }
    #wrapper nav ul a:hover {
      color: #EB5847; }
    #wrapper nav ul a:viseted {
      color: #EB5847; }
  #wrapper #date {
    background: white;
    padding: 30px;
    text-align: center;
    font-size: 30px;
    margin-top: 120px; }
    #wrapper #date h1 {
      font-family: dk_majolicaregular, helvetica;
      text-align: center;
      margin-bottom: 20px; }
    #wrapper #date h2 {
      font-family: 'rieslingregular';
      margin-bottom: 30px; }
  #wrapper #gallery {
    background: white;
    width: 100%;
    margin: auto; }
  #wrapper #photogallery {
    margin-left: 5%; }
    #wrapper #photogallery img {
      box-sizing: border-box;
      margin: auto;
      width: 30%;
      padding: 5px;
      z-index: auto; }
  #wrapper #film1 ul {
    box-sizing: border-box;
    background: white;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    width: 100%; }
    #wrapper #film1 ul #bb {
      background-image: url(images/1.png);
      background-size: contain;
      background-repeat: no-repeat;
      height: 400px;
      width: 100%; }
    #wrapper #film1 ul #bb:hover {
      background-image: url(images/bb.jpg); }
      #wrapper #film1 ul #bb:hover h5, #wrapper #film1 ul #bb:hover p {
        display: block; }
    #wrapper #film1 ul #c {
      background-image: url(images/2.png);
      background-size: contain;
      background-repeat: no-repeat;
      height: 400px;
      width: 100%; }
    #wrapper #film1 ul #c:hover {
      background-image: url(images/c.jpg); }
      #wrapper #film1 ul #c:hover h5, #wrapper #film1 ul #c:hover p {
        display: block; }
    #wrapper #film1 ul #d {
      background-image: url(images/3.png);
      background-size: contain;
      background-repeat: no-repeat;
      height: 400px;
      width: 100%; }
    #wrapper #film1 ul #d:hover {
      background-image: url(images/d.jpg); }
      #wrapper #film1 ul #d:hover h5, #wrapper #film1 ul #d:hover p {
        display: block; }
  #wrapper #film2 ul {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: white;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    width: 100%;
    padding-left: 20px; }
    #wrapper #film2 ul #gmw {
      background-image: url(images/4.png);
      background-size: contain;
      background-repeat: no-repeat;
      height: 400px;
      width: 100%; }
    #wrapper #film2 ul #gmw:hover {
      background-image: url(images/gmw.jpg); }
      #wrapper #film2 ul #gmw:hover h5, #wrapper #film2 ul #gmw:hover p {
        display: block; }
    #wrapper #film2 ul #gwtw {
      background-image: url(images/5.png);
      background-size: contain;
      background-repeat: no-repeat;
      height: 400px;
      width: 100%; }
    #wrapper #film2 ul #gwtw:hover {
      background-image: url(images/gwtw.jpg); }
      #wrapper #film2 ul #gwtw:hover h5, #wrapper #film2 ul #gwtw:hover p {
        display: block; }
    #wrapper #film2 ul #i {
      background-image: url(images/6.png);
      background-size: contain;
      background-repeat: no-repeat;
      height: 400px;
      width: 100%; }
    #wrapper #film2 ul #i:hover {
      background-image: url(images/i.jpg); }
      #wrapper #film2 ul #i:hover h5, #wrapper #film2 ul #i:hover p {
        display: block; }
  #wrapper #film3 ul {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: white;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    width: 100%;
    padding-left: 20px; }
    #wrapper #film3 ul #l {
      background-image: url(images/7.png);
      background-size: contain;
      background-repeat: no-repeat;
      height: 400px;
      width: 100%; }
    #wrapper #film3 ul #l:hover {
      background-image: url(images/l.jpg); }
      #wrapper #film3 ul #l:hover h5, #wrapper #film3 ul #l:hover p {
        display: block; }
    #wrapper #film3 ul #m {
      background-image: url(images/8.png);
      background-size: contain;
      background-repeat: no-repeat;
      height: 400px;
      width: 100%; }
    #wrapper #film3 ul #m:hover {
      background-image: url(images/m.jpg); }
      #wrapper #film3 ul #m:hover h5, #wrapper #film3 ul #m:hover p {
        display: block; }
    #wrapper #film3 ul #s {
      background-image: url(images/9.png);
      background-size: contain;
      background-repeat: no-repeat;
      height: 400px;
      width: 100%; }
    #wrapper #film3 ul #s:hover {
      background-image: url(images/s.jpg); }
      #wrapper #film3 ul #s:hover h5, #wrapper #film3 ul #s:hover p {
        display: block; }
  #wrapper #film4 ul {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: white;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    width: 100%;
    padding-left: 20px;
    margin-bottom: 50px; }
    #wrapper #film4 ul #swn {
      background-image: url(images/10.png);
      background-size: contain;
      background-repeat: no-repeat;
      height: 400px;
      width: 100%; }
    #wrapper #film4 ul #swn:hover {
      background-image: url(images/swn.jpg); }
      #wrapper #film4 ul #swn:hover h5, #wrapper #film4 ul #swn:hover p {
        display: block; }
    #wrapper #film4 ul #syi {
      background-image: url(images/11.png);
      background-size: contain;
      background-repeat: no-repeat;
      height: 400px;
      width: 100%; }
    #wrapper #film4 ul #syi:hover {
      background-image: url(images/syi.jpg); }
      #wrapper #film4 ul #syi:hover h5, #wrapper #film4 ul #syi:hover p {
        display: block; }
    #wrapper #film4 ul #tlw {
      background-image: url(images/12.png);
      background-size: contain;
      background-repeat: no-repeat;
      height: 400px;
      width: 100%; }
    #wrapper #film4 ul #tlw:hover {
      background-image: url(images/tlw.jpg); }
      #wrapper #film4 ul #tlw:hover h5, #wrapper #film4 ul #tlw:hover p {
        display: block; }
  #wrapper #lineup {
    margin-bottom: 100px; }
  #wrapper h3 {
    font-family: 'rieslingregular';
    font-size: 27px;
    box-sizing: border-box;
    width: 100%;
    background-color: black;
    color: white;
    line-height: 40px;
    padding: 15px;
    letter-spacing: .5px; }
  #wrapper #lineup {
    box-sizing: border-box;
    background: white;
    width: 100%; }
  #wrapper h6 {
    box-sizing: border-box;
    font-family: helvetica;
    line-height: 20px;
    width: 75%;
    margin: auto;
    padding-bottom: 20px;
    padding-top: 20px;
    background: white; }
  #wrapper h4 {
    font-family: 'dk_majolicaregular';
    font-size: 15px;
    width: 100%;
    background-color: white;
    line-height: 30px;
    box-sizing: border-box; }
  #wrapper h5 {
    font-family: 'dk_majolicaregular';
    padding: 15px;
    font-size: 20px;
    color: #EB5847;
    display: none;
    box-sizing: border-box;
    padding-bottom: 20px; }
  #wrapper p {
    padding-left: 15px;
    font-family: helvetica;
    line-height: 20px;
    display: none;
    color: white;
    width: 65%; }
  #wrapper #bars {
    display: none; }
  #wrapper #expand ul li {
    display: none; }
  @media screen and (max-width: 600px) {
    #wrapper #film1 ul, #wrapper #film2 ul, #wrapper #film3 ul, #wrapper #film4 ul {
      box-sizing: border-box;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      height: 800px; }
    #wrapper nav {
      display: none; }
    #wrapper #logo {
      margin-bottom: -600px;
      margin-top: 0px; }
    #wrapper P {
      color: black; }
    #wrapper h5, #wrapper p {
      box-sizing: border-box;
      margin-left: 50%;
      display: block;
      width: 50%; }
    #wrapper h1 {
      display: none; }
    #wrapper #wrapper {
      background: url(images/) no-repeat; }
    #wrapper #logo {
      height: 750px; }
    #wrapper #expand ul li {
      display: block;
      box-sizing: border-box;
      margin: 10px; }
    #wrapper #bars {
      display: block;
      box-sizing: border-box;
      margin: 30px; }
    #wrapper button {
      display: none; }
    #wrapper #date {
      margin-top: 10px; } }

/*# sourceMappingURL=style.css.map */