@charset "UTF-8";
/* thank you! http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 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, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

/* 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; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

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

body.is-debug div.center-wrapper { background-image: url("/static/images/grid.png"); background-repeat: repeat-y; background-position: 20px 0; }

h1 { font-family: "Tungsten A", "Tungsten B", Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; font-weight: 500; font-size: 54px; letter-spacing: 0.01em; line-height: 39px; text-transform: uppercase; }

p { margin-bottom: 1em; line-height: 26px; font-size: 0.8em; text-align: center; margin-bottom: 0; }

img { max-width: 100%; height: auto; }
img.extend_size { width: 100%; }

a { color: #000; text-decoration: underline; }
a:hover { color: #444; }

b { font-family: "Lekton", Verdana, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 150%; font-weight: 700; }

.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.1); z-index: 3; display: none; top: 0; left: 0; }

.reveal-modal { visibility: hidden; top: 28% !important; left: 31%; margin: 0 auto; width: 30%; height: 200px; background: #ffffff; border-style: solid; border-width: 4px; border-color: #000; position: absolute; z-index: 10; padding: 30px 40px 34px; }

.reveal-modal .close-reveal-modal { font-size: 20px; line-height: .5; position: absolute; top: 8px; right: 8px; color: #aaa; text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6); text-decoration: none; font-weight: bold; cursor: pointer; z-index: 2; }

div#mc_embed_signup header { padding-top: 20px; padding-bottom: 25px; }

div.mc-field-group input { vertical-align: center; font-family: "Lekton", Verdana, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 150%; font-weight: 400; font-size: 0.8em; width: 180px; }

input.button { background-color: #fff; border: none; display: inline-block; cursor: pointer; font-family: "Lekton", Verdana, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 150%; font-weight: 700; font-size: 1em; text-align: center; text-decoration: underline; }
input.button:hover { color: #444; }

html { min-width: 100%; }

body { height: 100%; border: 10px solid #000; background-color: #fff; font-family: "Lekton", Verdana, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 150%; font-weight: 400; text-align: center; color: #000; font-size: 17px; line-height: 26px; }

body > header { display: none; }

#space { position: relative; background: #fff; display: block; height: 16px; width: 16%; z-index: 1; margin: 0 auto; margin-top: -15px; }

ul.grid { padding-bottom: 2.5em; position: relative; min-width: 100%; width: 100%; }
ul.grid li { position: relative; display: inline-block; overflow: hidden; margin: 0; height: 0; width: 20%; padding-top: 21%; float: left; background-color: #000; }
ul.grid li.big-only { display: inline-block; }
ul.grid li.small-only, ul.grid li.medium-only { display: none; }
ul.grid li.no-image img { visibility: hidden; }
ul.grid img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: auto; }
ul.grid a { display: block; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; min-width: 100%; min-height: 100%; line-height: 1em; -webkit-transition: background 1s; transition: background 1s; }
ul.grid a:hover { background: rgba(0, 0, 0, 0.05); }
ul.grid span.title { display: block; position: absolute; top: 50%; left: 0; font-family: "Tungsten A", "Tungsten B", Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; font-weight: 400; font-size: 1.6em; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; color: #fff; width: 100%; height: 100%; min-width: 100%; min-height: 100%; line-height: 1em; margin-top: -0.5em; }

ul.linklist { padding-top: 2.5em; vertical-align: top; display: inline-block; width: 49%; }
ul.linklist li { font-family: "Tungsten A", "Tungsten B", Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; font-weight: 500; font-size: 26px; text-transform: uppercase; line-height: 1.5; }
ul.linklist.first { text-align: left; }
ul.linklist.first li { margin-left: 40%; }
ul.linklist.second { text-align: right; }
ul.linklist.second li { margin-right: 40%; }

.paragraphs { display: block; padding-top: 2.5em; padding-bottom: 2.5em; width: 60%; margin: auto; font-size: 0.9em; line-height: 1.5em; text-align: justify; }

section.mainsection { padding-top: 140px; clear: both; margin-bottom: 50px; width: 80%; max-width: 1200px; margin: auto; }

section#artists { position: relative; margin: auto; padding-top: 150px; padding-bottom: 0; margin-bottom: 0; }
section#artists header { display: none; }
section#artists div.paragraphs { padding-top: 5em; }

section.artist-list { position: relative; margin: auto; padding-top: 0; padding-bottom: 80px; margin-bottom: 0; }

section#projects { position: relative; margin: auto; padding-top: 80px; padding-bottom: 80px; margin-bottom: 0; }

section#contact { position: relative; margin: auto; padding-top: 60px; padding-bottom: 60px; margin-bottom: 0; }
section#contact header { display: none; }
section#contact p.org { margin-bottom: 2em; }
section#contact p.adr { margin-bottom: 4em; }

section#info  { position: relative; margin: auto; padding-top: 200px; padding-bottom: 60px; margin-bottom: 0; }
section#info  header { padding-top: 200px; }

article#site p { padding-top: 10px; padding-bottom: 10px; font-size: 1em; text-align: center; }

article.paragraphs, div.paragraphs { clear: both; }
article.paragraphs p, div.paragraphs p { padding-top: 1em; padding-bottom: 1em; font-size: 1em; line-height: 1.5em; text-align: justify; }
article.paragraphs h1, article.paragraphs h2, article.paragraphs h3, div.paragraphs h1, div.paragraphs h2, div.paragraphs h3 { font-family: "Tungsten A", "Tungsten B", Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: 500; font-weight: 500; font-size: 40px; letter-spacing: 0.01em; line-height: 65px; text-transform: uppercase; text-align: center; padding-top: 60px; }
article.paragraphs h1 + h2, article.paragraphs h2 + h3, div.paragraphs h1 + h2, div.paragraphs h2 + h3 { padding-top: 0; }

@media screen and (max-width: 1000px) { #space { width: 24%; }
  div.paragraphs { width: 90%; }
  section.mainsection { margin: 0 auto; max-width: 600px; }
  section#artists { margin: 0 auto; }
  section#artists div.paragraphs { padding-top: 2em; padding-bottom: 1em; }
  section#projects { margin: 0 auto; }
  ul.grid { padding-bottom: 2.5em; }
  ul.grid li { width: 33.33333%; padding-top: 35.0%; }
  ul.grid li.medium-only { display: inline-block; }
  ul.grid li.big-only, ul.grid li.small-only { display: none; }
  ul.linklist.first li { margin-left: 10%; }
  ul.linklist.second li { margin-right: 10%; } }
@media screen and (max-width: 600px) { #space { display: none; }
  body { border: 0; margin: 0; padding: 0; }
  .reveal-modal { left: 12%; margin: 0 auto; width: 50%; height: 180px; }
  article { padding-top: 1.5em; }
  article.paragraphs, div.paragraphs { padding-top: 1.5em; width: 85%; }
  article.paragraphs h2, div.paragraphs h2 { font-size: 30px; line-height: 39px; }
  article.paragraphs h3, div.paragraphs h3 { font-size: 26px; line-height: 39px; }
  article.paragraphs p, div.paragraphs p { text-align: left; hyphens: auto; }
  section.mainsection { padding-top: 0; width: 100%; max-width: 600px; }
  section#artists { margin: 0; padding: 0; }
  section#artists div.paragraphs { padding-top: 2em; }
  section#projects { margin: 0; padding: 0; }
  section.artist-list { max-width: 300px; padding-top: 60px; padding-bottom: 50px; }
  section#booking { padding-top: 0; }
  section#contact { padding-top: 260px; padding-bottom: 40px; }
  section#info header { padding-top: 70px; }
  ul.grid { padding-bottom: 2.5em; left: 0; }
  ul.grid li { width: 50%; padding-top: 52.5%; }
  ul.grid li.small-only { display: inline-block; }
  ul.grid li.big-only, ul.grid li.medium-only { display: none; }
  ul.linklist { padding-top: 1.5em; }
  ul.linklist.first li { text-align: center; margin-left: 0px; }
  ul.linklist.second { padding-top: 0; }
  ul.linklist.second li { text-align: center; margin-right: 0px; } }

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