@font-face {
  font-family: 'GT Walsheim';
  src:  url('../fonts/gt-walsheim-regular-web.woff') format('woff'),
        url('../fonts/gt-walsheim-regular-web.otf')  format('otf'),
        url('../fonts/gt-walsheim-regular-web.eot')  format('eot'),
        url('../fonts/gt-walsheim-regular-web.svg#GTWalsheim')  format('svg');
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

body {
  font-family: 'GT Walsheim', sans-serif;
}

img {
  width: 100%;
  height: auto;
}

div {
  padding-bottom: 1em;
}

a,
.title,
.schedule,
.tickets {
  color: #e6007e;
}

.container {
  width: 75%;
  text-align: center;
  margin: auto;
  position: relative;
  overflow: hidden;
}

.flyer {
  padding-bottom: 0px;
}

.title {
  text-transform: uppercase;
  font-size: 2.0625em;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  padding-top: 1em;
  /* margin-top: -1em; */
}

.byline,
.title span,
.schedule span,
.copyright span {
  display: block;
}

.description,
.schedule,
.tickets,
.links {
  font-size: 1.625em;
}

.byline {
  font-size: 0.6153846153846154em;
}

.title,
.description,
.schedule,
.tickets,
.credits,
.links,
.copyright {
  background: rgb(255 255 255 / 100%);
}

@keyframes slide {
  from { bottom: -100%; transform: translate(0, 0); }
  to { bottom: 100%; transform: translate(0, -100%); }

}
@-webkit-keyframes slide {
  from { bottom: -100%; transform: translate(0, 0); }
  to { bottom: 100%; transform: translate(0, -100%); }
}

.text {
  position:absolute;
  top: 0px;
  white-space: break-spaces;
  color: #444;
  margin: -20px;
  height: 99%;
  font-size:30px;
  animation-name: slide;
  animation-duration: 30s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name: slide;
  -webkit-animation-duration: 30s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-iteration-count: infinite;
}