@font-face {
  font-family: Moms typewriter;
  src: url('../fonts/Moms-Typewriter.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Truetypewriterpolyglott mela;
  src: url('../fonts/TruetypewriterPolyglott-mELa.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Redgolems surfgraffiti1;
  src: url('../fonts/RedGolems-SurfGraffiti1.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

:root {
  --dark-red: #661910;
  --golems-red: #b02b1c;
  --black: black;
  --none: gray;
  --white: white;
  --fff: var(--white);
  --color: white;
  --lite-red: #bd6157;
  --really-lite-red: #d9b4b0;
  --ddd: #ddd;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  background-color: #d6dede;
  background-image: url('../images/backdrop.png');
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: cover;
  background-attachment: fixed;
  flex-direction: column;
  font-family: typeka, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

h5:hover {
  text-decoration: none;
}

a {
  color: var(--dark-red);
  font-weight: 700;
  text-decoration: none;
}

.webdesign-by {
  float: right;
  clear: none;
  color: #fff;
  width: 164px;
  height: 72px;
  text-decoration: none;
  transition: background-color .5s ease-in-out;
}

.webdesign-by:hover {
  background-color: #0000002e;
}

.h2 {
  width: 164px;
  height: 72px;
  color: var(--golems-red);
  text-align: center;
  margin-top: 0;
  margin-bottom: -48px;
  padding-top: 0;
  font-family: typeka, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.h2:hover {
  text-decoration: none;
}

.kblam {
  width: 144px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.names {
  width: 140px;
  color: var(--golems-red);
  text-align: center;
  margin: 0 auto;
  font-family: Redgolems surfgraffiti1, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
  transform: rotate(-3deg);
}

.names:hover {
  text-decoration: none;
}

.names.in {
  display: none;
}

.player {
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  transition: all .2s ease-in-out;
  position: absolute;
  transform: translate(0);
}

.player:hover {
  filter: brightness(200%) contrast(150%) grayscale();
  background-color: #00000040;
}

.player:active {
  background-color: #0000;
}

.player.mark {
  position: absolute;
  transform: translate(150px, 60px);
}

.player.mark:hover {
  filter: brightness(50%);
  background-color: #0000;
}

.player.bob {
  position: absolute;
}

.player.bob:hover {
  filter: brightness(50%);
  background-color: #0000;
}

.player.harvey {
  position: absolute;
  transform: translate(-140px, 60px);
}

.player.harvey:hover {
  filter: brightness(50%);
  background-color: #0000;
}

.player.matt {
  background-color: #0000;
  position: absolute;
  transform: translate(-85px, 240px);
}

.player.matt:hover {
  filter: brightness(50%);
}

.player.jen {
  transform: translate(70px, 250px);
}

.player.jen:hover {
  filter: brightness(50%);
  background-color: #0000;
}

.instruments {
  width: 140px;
  color: var(--golems-red);
  text-align: center;
  margin: 0 auto;
  font-family: Redgolems surfgraffiti1, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  transform: rotate(-3deg);
}

.instruments.on {
  display: none;
}

.golemhead {
  width: 140px;
  max-width: none;
  display: inline-block;
  transform: translate(0);
}

.golemhead.jen {
  width: 160px;
}

.golemhead.matt {
  width: 175px;
}

.whowhat-box {
  z-index: 10;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.whowhat-box.zuzz {
  margin-top: 5px;
}

.whowhat-box.head {
  justify-content: flex-start;
  width: 800px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0;
}

.copy {
  color: var(--black);
  padding-right: 15px;
  font-size: 18px;
  line-height: 22px;
}

.word-side {
  z-index: 5;
  color: #777;
  width: 750px;
  margin-top: 63px;
  margin-left: auto;
  margin-right: auto;
}

.embedded-link {
  color: var(--dark-red);
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s ease-in-out;
}

.embedded-link:hover {
  color: var(--black);
  background-color: #0000002e;
  text-decoration: none;
}

.logobox {
  z-index: 15;
  width: 375px;
  margin-left: 0;
  margin-right: auto;
  transition: all .2s ease-in-out;
  display: block;
  position: static;
  top: 0;
  left: -266px;
  right: 0;
}

.logobox:hover {
  filter: brightness(67%);
}

.logobox.w--current {
  width: 484px;
  height: 200px;
  margin-left: 0;
  position: static;
  top: 0;
  left: -266px;
  right: 0;
}

.logo {
  display: block;
}

.headline {
  z-index: 10;
  color: #661910;
  text-align: center;
  width: 400px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  font-family: Redgolems surfgraffiti1, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
  position: relative;
  transform: rotate(-4deg);
}

.headline.meet {
  margin-left: 60px;
  font-size: 60px;
  line-height: 40px;
}

.button {
  mix-blend-mode: normal;
  width: 36px;
  height: 36px;
  transition: filter .2s ease-in-out;
}

.button:hover {
  filter: brightness(0%) saturate(0%) invert();
}

.socmed {
  background-color: var(--golems-red);
  border-radius: 7px;
  width: 36px;
  height: 36px;
  margin-left: 5px;
  margin-right: 5px;
  transition: background-color .5s ease-in-out;
}

.socmed:hover {
  color: #0000;
  background-color: #0000002e;
}

.stream-tune {
  margin-top: 20px;
  position: static;
  inset: 0% -97px auto auto;
}

.tag {
  width: 200px;
  color: var(--dark-red);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  position: static;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.digital-music-icons {
  text-align: center;
  justify-content: center;
  width: 220px;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  position: static;
  top: 42px;
}

.music-button {
  background-color: var(--golems-red);
  border-radius: 7px;
  flex: none;
  width: 35px;
  height: 35px;
  margin: 2px;
  transition: background-color .5s ease-in-out;
}

.music-button:hover {
  color: #0000;
  background-color: #ffffff80;
}

.vertbar {
  z-index: 20;
  background-color: var(--dark-red);
  border-radius: 2px;
  width: 4px;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.nav-text {
  color: var(--golems-red);
  text-align: center;
  white-space: break-spaces;
  align-self: center;
  margin: auto;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  position: relative;
  transform: rotate(-4deg);
}

.nav-text:hover {
  color: var(--black);
}

.nav-text.int {
  font-size: 24px;
  line-height: 24px;
}

.latest-release {
  border: 1px solid var(--dark-red);
  width: 200px;
  height: 200px;
  transition: filter .5s ease-in-out;
}

.latest-release:hover {
  filter: brightness(90%);
}

.body {
  background-color: #0000;
  background-image: none;
  flex-direction: column;
  display: flex;
}

.movie {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: fixed;
}

.movie.house {
  filter: brightness(141%);
}

.movie.deadsea {
  filter: none;
}

.wash {
  background-color: #ffffff8f;
  display: none;
  position: fixed;
  inset: 0%;
}

.golembob {
  position: relative;
  left: -8px;
}

.inner {
  transition: filter .5s ease-in-out;
}

.inner:hover {
  filter: grayscale() brightness(0%);
}

.socmed-front {
  background-color: var(--dark-red);
  border-radius: 7px;
  width: 36px;
  height: 36px;
  margin-left: 5px;
  margin-right: 5px;
  transition: background-color .2s ease-in-out;
  display: inline-block;
}

.socmed-front:hover {
  color: #0000;
  background-color: #ffffff80;
}

.socmed-front.rev {
  -webkit-text-stroke-color: var(--none);
  background-color: #fff0;
}

.socmed-front.rev:hover {
  background-color: #661910;
}

.cover {
  transition: filter .5s ease-in-out;
}

.cover:hover {
  filter: grayscale() contrast(50%);
}

.italic-text {
  margin-right: -5px;
  font-size: 15px;
  font-style: normal;
  position: relative;
  top: -11px;
}

.text-span {
  font-size: 36px;
  position: relative;
  top: 0;
}

.front-footer {
  z-index: 10;
  width: 940px;
  height: auto;
  margin: auto auto 10px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
  inset: 0 0% 0%;
}

.who-footer {
  z-index: 10;
  width: 960px;
  height: 100px;
  margin: auto auto 10px;
  padding-bottom: 13px;
  position: relative;
}

.nav-button-internal {
  flex: 1;
  width: 200px;
  max-width: 200px;
  height: auto;
  margin: 5px auto;
  padding: 0 10px;
  font-family: Redgolems surfgraffiti1, sans-serif;
  text-decoration: none;
  transition: all .2s ease-in-out;
  display: flex;
}

.nav-button-internal:hover {
  background-color: #0000002e;
}

.nav-button-internal.w--current {
  background-color: #00000017;
  flex: 1;
  width: 200px;
  height: auto;
  margin: 0 auto;
  padding: 0 10px;
  box-shadow: -1px 1px 8px #000;
}

.nav-button-internal.w--current:hover {
  color: var(--black);
  background-color: #00000026;
}

.nav-button-internal.fauxactive {
  background-color: #00000017;
  box-shadow: 1px 1px 8px #000;
}

.nav-button-internal.hgf {
  display: none;
}

.nav-int {
  z-index: 5;
  flex-flow: row;
  width: 560px;
  margin: 10px auto 20px;
  display: flex;
  position: static;
  inset: 0% 0% auto auto;
}

.frontfoot {
  float: right;
  clear: none;
  color: #fff;
  width: 164px;
  height: 72px;
  margin-bottom: 21px;
  text-decoration: none;
  transition: background-color .5s ease-in-out;
  position: absolute;
  inset: auto 0% 0% auto;
}

.frontfoot:hover {
  background-color: #0000002e;
}

.utility-page-wrap {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
  position: relative;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

._404img {
  filter: grayscale() blur(2px);
  width: 260px;
}

.box {
  width: 260px;
}

.region404 {
  z-index: 10;
  width: auto;
  height: auto;
  margin-left: -41px;
  margin-right: auto;
  display: flex;
  position: relative;
}

.nav-button-404 {
  width: 100px;
  height: 30px;
  padding-top: 5px;
  font-family: Redgolems surfgraffiti1, sans-serif;
  text-decoration: none;
  transition: background-color .5s ease-in-out;
}

.nav-button-404:hover {
  background-color: #0000002e;
}

.nav-button-404.w--current {
  background-color: #00000017;
}

.socmed-404 {
  flex: none;
  justify-content: center;
  width: 100px;
  height: 36px;
  display: none;
  position: relative;
  left: 57px;
}

.right-404 {
  width: 100px;
  margin-left: 20px;
  margin-right: auto;
}

.logobox-404 {
  z-index: 15;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.nav-block-404 {
  flex-direction: column;
  display: flex;
}

.buffer-404 {
  height: 0;
}

.nav-text-404 {
  color: var(--golems-red);
  text-align: center;
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
  transition: color .5s ease-in-out;
  transform: rotate(-4deg);
}

.nav-text-404:hover {
  color: var(--black);
}

.logo-404 {
  width: 600px;
  transition: filter .5s ease-in-out;
  display: block;
}

.logo-404:hover {
  filter: brightness(67%);
}

.album {
  z-index: 10;
  width: 200px;
  position: relative;
}

.socmed-who {
  z-index: 5;
  flex: none;
  justify-content: center;
  width: 200px;
  height: 36px;
  margin-top: 20px;
  display: flex;
  position: static;
  top: 300px;
  right: -36px;
}

.tuneframe {
  z-index: 10;
  flex-direction: column;
  width: 375px;
  display: flex;
}

.tuneframe.redux {
  flex-direction: row;
  width: 960px;
  position: relative;
}

.tunecover {
  border: 1px solid var(--dark-red);
  width: 300px;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.tunecopy {
  color: var(--black);
  text-align: justify;
  margin-top: 10px;
  font-family: typeka, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  position: relative;
}

.tunecopy.weq {
  text-align: center;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.ivrit {
  font-family: Truetypewriterpolyglott mela, sans-serif;
  font-size: 22px;
  font-weight: 400;
}

.tunebody {
  background-color: var(--white);
  background-image: url('../images/TRANSPARENT-BG.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.bandcamp {
  text-align: center;
  height: 42px;
  margin-top: 5px;
}

.bandcamp.qew {
  z-index: 5;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.blather {
  flex-direction: column;
  align-self: center;
  width: 300px;
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}

.blather.neqw {
  width: auto;
  margin-right: auto;
}

.socmed-a {
  background-color: var(--dark-red);
  border-radius: 7px;
  width: 36px;
  height: 36px;
  margin-left: 5px;
  margin-right: 5px;
  transition: background-color .2s ease-in-out;
  display: inline-block;
}

.socmed-a:hover {
  color: #0000;
  background-color: #ffffff80;
}

.socmed-block {
  z-index: 10;
  flex: none;
  justify-content: center;
  width: 100%;
  height: 36px;
  margin-top: 20px;
  display: flex;
  position: relative;
}

.tunecopy-list {
  color: var(--black);
  text-align: left;
  margin-top: 10px;
  font-family: typeka, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  position: relative;
}

.discolist {
  padding-left: 15px;
}

.embedded-book-link {
  color: var(--dark-red);
  text-transform: capitalize;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s ease-in-out;
}

.embedded-book-link:hover {
  color: var(--black);
  background-color: #0000002e;
  text-decoration: none;
}

.embedded-album-link {
  color: var(--dark-red);
  text-transform: uppercase;
  font-style: italic;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s ease-in-out;
}

.embedded-album-link:hover {
  color: var(--black);
  background-color: #0000002e;
  text-decoration: none;
}

.tune-icons {
  justify-content: space-between;
  margin-top: 4px;
  display: flex;
}

.tune-icons.qew {
  z-index: 21;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  line-height: 25px;
  position: relative;
}

.three-across {
  opacity: 1;
  flex-flow: column;
  display: inline-flex;
  position: relative;
}

.sechead {
  color: var(--golems-red);
  font-family: Redgolems surfgraffiti1, sans-serif;
  font-weight: 400;
}

.back {
  background-color: var(--dark-red);
  border-radius: 9px;
  width: 72px;
  height: 36px;
  padding-top: 3px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.button-text {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Redgolems surfgraffiti1, sans-serif;
  font-weight: 400;
}

.inner-golemhead {
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  transition: all .2s ease-in-out;
  display: none;
  position: relative;
  transform: translate(-800px);
}

.inner-golemhead:hover {
  filter: brightness(200%) contrast(150%) grayscale();
  background-color: #00000040;
}

.inner-golemhead:active {
  background-color: #0000;
}

._4x1 {
  z-index: 11;
  text-align: left;
  justify-content: center;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.phon-golemhead {
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  transition: all .2s ease-in-out;
  display: none;
  transform: translate(-360px);
}

.phon-golemhead:hover {
  filter: brightness(200%) contrast(150%) grayscale();
  background-color: #00000040;
}

.phon-golemhead:active {
  background-color: #0000;
}

.names-new {
  width: 140px;
  color: var(--golems-red);
  text-align: center;
  margin: 0 auto;
  font-family: Redgolems surfgraffiti1, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
  transform: rotate(-3deg);
}

.names-new:hover {
  text-decoration: none;
}

.names-new.in {
  display: none;
}

.instruments-new {
  width: 140px;
  color: var(--golems-red);
  text-align: center;
  margin: 0 auto;
  font-family: Redgolems surfgraffiti1, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  transform: rotate(-3deg);
}

.instruments-new.on {
  display: none;
}

.button-qbz {
  filter: invert();
  mix-blend-mode: lighten;
  width: 30px;
  margin-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  transition: filter .2s ease-in-out;
}

.button-qbz:hover {
  filter: invert();
}

.tunecopy-verse {
  color: var(--black);
  text-align: justify;
  margin-top: 10px;
  font-family: typeka, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 18px;
  position: relative;
}

.tunecopy-attrib {
  color: var(--black);
  text-align: right;
  margin-top: 10px;
  font-family: typeka, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 18px;
  position: relative;
}

.hebrew {
  direction: rtl;
}

.aaa-tunecover {
  border: 1px solid var(--dark-red);
  width: 300px;
  min-width: 300px;
  height: 300px;
  margin-top: 20px;
  margin-left: 10px;
  margin-right: auto;
}

.aaa-tunecover.new {
  min-width: 300px;
  margin-top: 20px;
  margin-left: 10px;
}

.aaa-titlebox {
  justify-content: center;
  width: 640px;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.aaa-titlebox.zz {
  z-index: 0;
  margin-top: -38px;
  margin-bottom: -47px;
  padding-top: 0;
  display: block;
  position: relative;
}

.gorp {
  z-index: 100;
  width: 200px;
  position: absolute;
  inset: 185px 73px auto auto;
}

.gorp.hoot {
  top: 175px;
  right: 19px;
}

.gorp.had {
  top: 165px;
  right: 12px;
}

.gorp.pasc {
  top: 277px;
  right: 113px;
}

.gorp.meh {
  top: 141px;
  right: 2px;
}

.gorp.dmm {
  top: 169px;
  right: 13px;
}

.patz {
  z-index: 0;
  width: 640px;
  position: relative;
  transform: rotate(4deg);
}

.mmm {
  width: 400px;
}

.rech {
  width: 540px;
}

.foot {
  border: 1px solid var(--dark-red);
  background-color: var(--fff);
  justify-content: space-around;
  align-items: center;
  width: 960px;
  height: 100px;
  margin-top: auto;
  margin-bottom: 10px;
  display: flex;
}

.tunebutt {
  border: 1px solid var(--dark-red);
  align-items: center;
  width: 88px;
  height: 88px;
  transition: all .2s ease-in-out;
  display: flex;
}

.tunebutt:hover {
  filter: brightness(175%) contrast(80%) grayscale();
}

.tunebutt.w--current {
  border: 1px solid var(--dark-red);
}

.tunebutt.goorp {
  border-style: none;
  border-width: 0;
}

.haz {
  width: 540px;
}

.text-span-2 {
  text-transform: uppercase;
}

.main {
  flex-flow: column;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.row {
  z-index: 10;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.row.gigs {
  width: 960px;
  margin-bottom: 10px;
}

.row.nav {
  margin-top: 40px;
}

.row.sm {
  justify-content: flex-start;
  align-items: stretch;
}

.rightside {
  flex-flow: column;
  width: 200px;
  margin-left: auto;
  display: flex;
}

.live-date {
  width: auto;
  margin-left: 20px;
  padding-right: 10px;
  font-size: 22px;
}

.live-venue {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 22px;
}

.live-city {
  text-align: right;
  width: 180px;
  font-size: 22px;
}

.promo-text {
  text-align: center;
  font-weight: 400;
}

.call-to-action {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: 400;
  line-height: 16px;
}

.live-yy {
  width: 60px;
  font-size: 26px;
}

.apostrophe {
  width: auto;
  font-size: 26px;
}

.live-state {
  width: auto;
  padding-left: 10px;
  font-size: 22px;
}

.live-dates {
  width: auto;
  margin-right: auto;
  padding-right: 10px;
  font-size: 26px;
}

.right {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.live {
  z-index: 15;
  position: relative;
}

.background-video {
  z-index: 0;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.head {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-top: 10px;
  display: flex;
}

.innerhead {
  filter: contrast(0%) brightness(200%);
  width: 250px;
  position: relative;
  top: 20px;
}

.bloghead {
  width: 65%;
}

.bloghead._50 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 260px;
  display: flex;
}

.bloghead.data {
  text-align: center;
  width: 50%;
  margin-top: 50px;
}

.blogdate {
  color: #fff;
  font-size: 42px;
  line-height: 36px;
}

.blogvenue {
  color: #fff;
  margin-right: 10px;
  font-size: 22px;
  line-height: 24px;
}

.bloglocale {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.setlist {
  flex-flow: column;
  width: 260px;
  margin-top: 40px;
  display: flex;
}

.setist-item {
  color: var(--color);
  text-transform: uppercase;
  font-family: Redgolems surfgraffiti1, sans-serif;
  font-size: 36px;
  line-height: 40px;
  transform: rotate(-6deg);
}

.blogsetlist {
  color: #fff;
  margin-bottom: -4px;
  font-size: 24px;
  line-height: 36px;
}

.alacarte {
  display: flex;
}

.curio {
  width: 660px;
}

.collection-item {
  justify-content: center;
  align-items: center;
  display: inline-block;
}

.gallery {
  margin-top: 40px;
  margin-left: 10px;
}

.pitcher {
  max-height: 280px;
  margin-left: 10px;
  margin-right: 10px;
  display: block;
}

.pitcher.vid {
  width: 400px;
  height: 275px;
  max-height: none;
}

.pitcher.vid-skinny {
  width: 165px;
  height: 275px;
  max-height: none;
  padding-bottom: 0;
}

.series {
  justify-content: flex-start;
  margin-top: 20px;
  display: inline-block;
}

.scrapbook-container {
  position: relative;
}

.owner {
  color: #fff;
  margin-right: 10px;
  font-size: 30px;
  line-height: 32px;
}

.photos-by {
  display: flex;
}

.vidcap {
  height: 60px;
  color: var(--fff);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.vidcap.skin {
  width: 157px;
  height: 60px;
  display: none;
}

.vidcap.min {
  width: auto;
}

.cont4 {
  position: relative;
}

._940 {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.scrapbook {
  color: #fff;
  text-align: center;
  font-size: 36px;
  line-height: 36px;
}

.gig {
  color: #fff;
  font-size: 20px;
  line-height: 22px;
}

.gig.dat {
  width: 120px;
}

.gig.venu {
  text-align: center;
  width: 270px;
}

.gig.comma {
  margin-right: 5px;
}

.collection-item-2 {
  display: flex;
}

.gig-listing {
  margin-bottom: 5px;
  padding: 2px 5px;
  font-weight: 400;
  transition: opacity .2s ease-in-out;
  display: flex;
}

.gig-listing:hover {
  background-color: var(--lite-red);
}

.collection-list-3 {
  margin-top: 20px;
}

.collection-item-3 {
  display: inline-block;
}

.div-block-7 {
  height: 150px;
}

.quarter {
  width: 25%;
  box-shadow: -4px 4px 5px #0003;
}

.the-other-quarters {
  flex: 1;
  padding-top: 5px;
  padding-left: 5px;
}

.vidcase {
  flex-flow: row;
  width: 960px;
  display: inline-block;
}

.five {
  z-index: 11;
  text-align: left;
  justify-content: center;
  width: 200px;
  height: 225px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  transform: scale(.65);
}

.five._2 {
  margin-top: -40px;
}

.five._1 {
  transform: none;
}

.credit {
  position: absolute;
  transform: rotate(-5deg);
}

.cred {
  color: var(--lite-red);
  text-align: center;
  text-transform: uppercase;
  font-family: Redgolems surfgraffiti1, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 28px;
}

.img-img {
  margin-bottom: 20px;
}

.five-2 {
  z-index: 11;
  text-align: left;
  width: 200px;
  height: 225px;
  transform-style: preserve-3d;
  justify-content: center;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
}

.linkipoo {
  color: var(--dark-red);
  font-weight: 700;
}

.linkipoo:hover {
  text-decoration: underline;
}

.textipoo {
  color: var(--black);
  font-weight: 700;
}

.blogpost {
  width: 500px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.datex {
  flex: 0 auto;
  padding-right: 20px;
  display: flex;
}

.datey {
  text-align: right;
  width: 80px;
  font-family: chandler-42-regular, sans-serif;
  font-size: 10px;
  font-weight: 500;
}

.skinny {
  flex-flow: column;
  width: 500px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.logo-copy {
  display: block;
}

.link {
  font-family: chandler-42-regular, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.aut {
  margin-top: 2px;
  font-size: 20px;
}

.text-block-3 {
  color: #fff;
  font-family: chandler-42-regular, sans-serif;
  font-size: 36px;
  line-height: 40px;
}

.scrappy {
  text-align: center;
  width: 225px;
  font-family: chandler-42-regular, sans-serif;
  font-weight: 400;
}

.article-text {
  z-index: 10;
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
}

.article-bloc {
  transform-origin: 50% 0;
  background-color: #ddd;
  width: 500px;
  padding: 5px;
  position: absolute;
  transform: scale(0);
}

.text {
  cursor: pointer;
  width: 40px;
}

.bottom-bumper {
  height: 100px;
}

.the-vids {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: stretch;
  height: 280px;
  margin-top: 10px;
  margin-bottom: 20px;
  display: flex;
  overflow: hidden;
}

._50 {
  width: 50%;
  height: 50%;
}

._50.left {
  width: 300px;
  margin-right: 10px;
}

._50.right {
  margin-left: 5px;
}

.video2 {
  box-sizing: border-box;
  aspect-ratio: 3 / 2;
}

.vidblock {
  width: 48%;
}

.links {
  flex-flow: column;
  display: flex;
}

.link-bloc {
  color: var(--white);
  font-weight: 400;
}

.logobox-alt {
  z-index: 15;
  width: 375px;
  transition: all .2s ease-in-out;
}

.logobox-alt:hover {
  filter: brightness(67%);
}

.logobox-alt.w--current {
  width: 484px;
  height: 200px;
  margin-left: 0;
  position: static;
  top: 0;
  left: -266px;
  right: 0;
}

@media screen and (max-width: 991px) {
  .names {
    margin-left: 20px;
    margin-right: 0;
  }

  .player {
    padding-left: 0;
    padding-right: 0;
  }

  .instruments {
    margin-left: 20px;
    margin-right: 0;
  }

  .golemhead {
    margin-left: 20px;
    margin-right: 20px;
  }

  .whowhat-box {
    width: auto;
  }

  .whowhat-box.zuzz {
    margin-left: 15px;
    margin-right: 15px;
  }

  .whowhat-box.head {
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
  }

  .copy {
    font-size: 16px;
    line-height: 20px;
  }

  .word-side {
    left: -75px;
  }

  .logobox {
    width: 500px;
  }

  .logo {
    width: auto;
    transition-property: all;
    transition-duration: .2s;
  }

  .headline {
    order: -1;
    font-size: 24px;
    line-height: 24px;
    top: 0;
    left: -24px;
  }

  .headline.meet {
    top: 0;
    left: 0;
  }

  .button, .music-button {
    transition-property: all;
    transition-duration: .2s;
  }

  .vertbar {
    top: 24px;
  }

  .nav-text {
    font-size: 36px;
    transition-property: none;
  }

  .body {
    flex-direction: column;
    display: flex;
  }

  .golembob {
    margin-left: 20px;
    margin-right: 20px;
  }

  .socmed-front, .cover {
    transition-property: all;
    transition-duration: .2s;
  }

  .front-footer {
    width: 730px;
    margin-top: auto;
    position: relative;
    top: 20px;
  }

  .who-footer {
    width: 728px;
  }

  .nav-int {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .region404 {
    flex: none;
    align-self: center;
  }

  .socmed-404 {
    order: 1;
    width: auto;
    left: auto;
  }

  .nav-block-404 {
    position: relative;
    top: 5px;
  }

  .socmed-who {
    order: 1;
    top: 255px;
    left: 3px;
  }

  .tuneframe.redux {
    width: 768px;
  }

  .tunecover, .tunecover.img {
    width: auto;
    height: auto;
  }

  .blather.neqw {
    margin-right: 20px;
  }

  .socmed-a {
    transition-property: all;
    transition-duration: .2s;
  }

  .socmed-block {
    order: 1;
  }

  .back {
    display: none;
  }

  .inner-golemhead {
    padding-left: 0;
    padding-right: 0;
    transform: translate(0);
  }

  ._4x1 {
    width: 600px;
    padding-left: 10px;
    padding-right: 10px;
    left: -75px;
    right: -75px;
  }

  .phon-golemhead {
    padding-left: 0;
    padding-right: 0;
  }

  .names-new, .instruments-new {
    margin-left: 20px;
    margin-right: 0;
  }

  .button-qbz {
    transition-property: all;
    transition-duration: .2s;
  }

  .aaa-tunecover, .aaa-tunecover.new {
    width: 200px;
    min-width: 200px;
    height: 200px;
  }

  .aaa-titlebox {
    width: 500px;
  }

  .gorp.pasc {
    top: 219px;
  }

  .gorp.pasc.w--current {
    top: 217px;
  }

  .rech, .haz {
    width: 400px;
  }

  .main {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
  }

  .row {
    justify-content: space-between;
    width: auto;
  }

  .row.gigs {
    width: auto;
  }

  .live-date, .live-venue, .live-city, .live-yy, .apostrophe, .live-state {
    font-size: 18px;
  }

  .live {
    margin-left: 20px;
    margin-right: 20px;
  }

  .pitcher {
    max-height: 235px;
  }

  ._940 {
    width: 100%;
  }

  .roster {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .collection-item-2 {
    width: 100%;
  }

  .vidcase {
    width: auto;
  }

  .five {
    width: auto;
    height: 500px;
    padding-left: 10px;
    padding-right: 10px;
    position: static;
    left: -75px;
    right: -75px;
  }

  .credit {
    width: 180px;
    position: static;
    transform: none;
  }

  .credit.h.ma {
    transform: translate(142px, -147px);
  }

  .credit.h.jr {
    transform: translate(169px, -120px);
  }

  .credit.re {
    transform: translate(0, -38px);
  }

  .credit.hg {
    transform: translate(-142px, -147px);
  }

  .credit.mr {
    transform: translate(-142px, -151px);
  }

  .cred {
    color: var(--dark-red);
    text-transform: none;
    font-family: chandler-42-regular, sans-serif;
    font-size: 18px;
  }

  .five-2 {
    padding-left: 10px;
    padding-right: 10px;
    left: -75px;
    right: -75px;
  }

  .skinny {
    margin-left: auto;
    margin-right: auto;
  }

  .logo-copy {
    width: 375px;
    transition-property: all;
    transition-duration: .2s;
  }

  .logo-alt {
    width: auto;
    transition-property: all;
    transition-duration: .2s;
  }

  .logobox-alt {
    width: 500px;
  }
}

@media screen and (max-width: 767px) {
  .kblam {
    margin-bottom: 0;
  }

  .names {
    width: 130px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 18px;
  }

  .player {
    flex-flow: column;
    align-items: center;
    width: 25%;
    display: flex;
  }

  .player.harvey {
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .instruments {
    width: 130px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 18px;
  }

  .golemhead {
    width: 100px;
  }

  .golemhead.jen {
    width: 115px;
  }

  .whowhat-box {
    height: 70px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    top: 117px;
  }

  .whowhat-box.zuzz, .whowhat-box.head {
    top: 0;
  }

  .copy {
    padding-right: 10px;
  }

  .word-side {
    width: 96%;
    margin-top: 16px;
    margin-left: 10px;
    margin-right: 10px;
    position: static;
    top: 37px;
    left: 0;
    right: -44px;
  }

  .embedded-link:hover {
    text-decoration: none;
  }

  .logobox {
    order: -1;
    justify-content: center;
    align-items: center;
    width: 350px;
    display: flex;
    position: static;
  }

  .logobox.w--current {
    position: static;
    left: 0;
  }

  .logo {
    width: auto;
    height: auto;
  }

  .headline {
    white-space: normal;
    align-self: flex-end;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    font-size: 22px;
    line-height: 24px;
    position: static;
    left: 0;
    right: 0;
  }

  .headline.meet {
    margin-left: 0;
    position: static;
  }

  .button {
    width: 35px;
    height: 35px;
  }

  .tag {
    width: auto;
    margin-top: auto;
  }

  .digital-music-icons {
    width: 165px;
    top: 0;
  }

  .vertbar {
    display: none;
  }

  .nav-text {
    width: 125px;
    height: auto;
    font-size: 24px;
    line-height: 24px;
  }

  .latest-release {
    width: 150px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
  }

  .wash {
    width: 100%;
  }

  .golembob {
    width: 100px;
  }

  .socmed-front {
    width: auto;
    height: auto;
    position: relative;
    left: 0;
    right: 0;
  }

  .text-span {
    font-size: 28px;
  }

  .front-footer {
    width: 480px;
    height: 72px;
    margin-top: auto;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 10px;
    display: block;
    position: static;
  }

  .who-footer {
    width: 100%;
    height: 72px;
    margin-top: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    top: auto;
  }

  .nav-button-internal {
    flex: 0 auto;
    width: 100px;
    height: auto;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
  }

  .nav-button-internal.w--current {
    flex: 0 auto;
    width: 100px;
    max-width: none;
    height: auto;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 400;
    transition-property: none;
    display: flex;
    box-shadow: -4px 4px 8px #00000040;
  }

  .nav-int {
    z-index: 10;
    flex-flow: row;
    order: 0;
    justify-content: center;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    font-family: Redgolems surfgraffiti1, sans-serif;
    text-decoration: none;
    display: flex;
    position: relative;
    top: -100px;
    left: -125px;
    right: auto;
  }

  .frontfoot {
    margin-bottom: 0;
    position: static;
  }

  .region404 {
    flex: none;
    align-self: center;
    margin-left: 118px;
    display: flex;
    left: -155px;
  }

  .socmed-404 {
    order: 1;
    margin-left: 0;
    margin-right: auto;
    display: none;
    top: -6px;
    left: auto;
  }

  .right-404 {
    justify-content: center;
    display: block;
    position: relative;
  }

  .logobox-404.w--current {
    width: 550px;
  }

  .nav-block-404 {
    order: 1;
    margin-top: 0;
    display: flex;
    position: relative;
  }

  .buffer-404 {
    width: 100px;
    height: auto;
    display: block;
  }

  .logo-404 {
    width: 200px;
  }

  .album {
    order: 1;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .socmed-who {
    text-align: center;
    order: 0;
    width: 35%;
    min-width: 140px;
    max-width: 275px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    top: 35px;
    left: 0;
    right: 0;
  }

  .tuneframe.redux {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .tunecopy {
    padding-right: 10px;
  }

  .socmed-a {
    width: 35px;
    height: 35px;
    position: relative;
    left: 0;
    right: 0;
  }

  .socmed-block {
    text-align: center;
    order: 0;
    width: 100%;
    min-width: 138px;
    margin-right: auto;
    display: block;
    position: static;
    top: 84%;
    left: -28px;
  }

  .tunecopy-list {
    padding-right: 10px;
  }

  .embedded-book-link:hover, .embedded-album-link:hover {
    text-decoration: none;
  }

  .three-across {
    width: 408px;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    left: auto;
  }

  .sechead {
    text-align: left;
    font-size: 28px;
  }

  .inner-golemhead {
    display: none;
  }

  ._4x1 {
    text-align: center;
    width: 100%;
    display: flex;
    position: absolute;
    top: 292px;
    left: 0;
    right: 0;
  }

  .phon-golemhead {
    display: block;
    transform: none;
  }

  .names-new {
    width: 130px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 20px;
  }

  .instruments-new {
    width: 130px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 18px;
  }

  .tunecopy-verse, .tunecopy-attrib {
    padding-right: 10px;
  }

  .aaa-tunecover {
    width: 300px;
    height: auto;
    margin-left: auto;
    position: static;
    inset: auto auto 0;
  }

  .aaa-tunecover.new {
    width: 300px;
    height: 300px;
    margin-left: auto;
  }

  .aaa-titlebox, .aaa-titlebox.zz, .gorp, .gorp.w--current, .gorp.pasc, .rech {
    display: none;
  }

  .foot {
    flex-wrap: wrap;
    flex: 0 auto;
    justify-content: flex-start;
    width: 100%;
    height: 200px;
    display: flex;
  }

  .tunebutt {
    margin: 2px 2px 0;
    display: flex;
  }

  .tunebutt.goorp.w--current {
    align-items: center;
    display: flex;
  }

  .main {
    height: auto;
    position: relative;
    top: 0;
  }

  .row {
    width: 100%;
  }

  .rightside {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .logo-and-desc {
    margin-left: auto;
    margin-right: auto;
  }

  .left {
    flex-flow: column;
    display: flex;
  }

  .cont3 {
    z-index: 10;
    width: 100%;
  }

  .right {
    justify-content: space-between;
  }

  .deadsea {
    padding-left: 20px;
    padding-right: 20px;
  }

  .head {
    width: auto;
  }

  .setist-item {
    font-size: 24px;
    line-height: 28px;
  }

  .alacarte {
    width: 625px;
  }

  .curio {
    width: auto;
  }

  .collection-item {
    width: 50%;
  }

  .gallery {
    width: 615px;
  }

  .cont4 {
    width: 800px;
    max-width: 480px;
  }

  .vidcase {
    width: auto;
  }

  .five {
    text-align: center;
    width: 480px;
    margin: -81px auto 20px;
    padding-left: 0;
    position: static;
    left: 0;
    right: 0;
  }

  .credit {
    width: 130px;
  }

  .credit.h.ma {
    transform: translate(0, 2px);
  }

  .credit.h.jr {
    transform: translate(0, 7px);
  }

  .credit.re, .credit.hg {
    transform: translate(0, -29px);
  }

  .credit.mr {
    transform: translate(0, -9px);
  }

  .cred {
    font-family: chandler-42-regular, sans-serif;
    font-size: 16px;
    line-height: 18px;
  }

  .five-2 {
    text-align: center;
    width: 480px;
    margin: -81px auto 20px;
    padding-left: 0;
    position: static;
    left: 0;
    right: 0;
  }

  .blogpost {
    width: 450px;
  }

  .datey {
    width: 100px;
  }

  .skinny {
    width: 450px;
    position: relative;
    top: 0;
  }

  .link, .aut {
    font-size: 16px;
  }

  .logo-alt {
    width: auto;
    height: auto;
  }

  .logobox-alt {
    order: -1;
    justify-content: center;
    align-items: center;
    width: 350px;
    display: flex;
    position: static;
  }

  .logobox-alt.w--current {
    position: static;
    left: 0;
  }
}

@media screen and (max-width: 479px) {
  .webdesign-by {
    margin-top: auto;
  }

  .h2 {
    margin-top: 8px;
    padding-right: 17px;
  }

  .kblam {
    margin-top: 0;
  }

  .names {
    white-space: break-spaces;
    flex: 1;
    width: auto;
    font-size: 20px;
    line-height: 20px;
  }

  .player {
    float: left;
    flex-direction: column;
    width: 100%;
    display: block;
    position: static;
  }

  .player.mark, .player.bob, .player.harvey {
    position: static;
    transform: none;
  }

  .player.matt {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    position: static;
    transform: none;
  }

  .player.jen {
    position: static;
    transform: none;
  }

  .instruments {
    width: 92px;
    margin-left: 0;
    font-size: 12px;
  }

  .golemhead {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .golemhead.jen {
    width: auto;
    height: 185px;
  }

  .whowhat-box {
    top: 113px;
    left: 0;
  }

  .whowhat-box.zuzz {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .whowhat-box.head {
    height: auto;
  }

  .copy {
    text-align: left;
    font-size: 18px;
    line-height: 22px;
  }

  .word-side {
    margin-left: 10px;
    margin-right: 10px;
    top: 34px;
  }

  .logobox {
    width: 375px;
    height: 154.852px;
  }

  .logobox.w--current {
    width: auto;
    height: auto;
  }

  .logo {
    order: -9999;
    width: 100%;
    max-width: none;
    transition: filter .2s ease-in-out;
  }

  .headline {
    width: 375px;
    min-width: auto;
    max-width: none;
    font-size: 24px;
    line-height: 24px;
    display: block;
    top: 149px;
    right: auto;
  }

  .headline.meet {
    order: 9999;
  }

  .socmed {
    flex: none;
  }

  .stream-tune {
    top: 374px;
    right: auto;
  }

  .tag {
    margin-top: 15px;
  }

  .vertbar {
    display: none;
  }

  .nav-text {
    width: 100%;
  }

  .latest-release {
    display: block;
  }

  .body {
    flex-direction: column;
    display: flex;
  }

  .golembob {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .socmed-front {
    flex: none;
  }

  .italic-text {
    font-size: 10px;
    top: -6px;
  }

  .text-span {
    font-size: 22px;
  }

  .front-footer {
    width: 375px;
    height: 80px;
    margin-top: auto;
    position: static;
    top: auto;
  }

  .who-footer {
    width: 100%;
    position: relative;
    bottom: 0;
  }

  .nav-button-internal {
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
  }

  .nav-button-internal.w--current {
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-int {
    top: 0;
    left: 0;
  }

  .frontfoot {
    position: relative;
    inset: auto 0% 0% auto;
  }

  .region404 {
    flex-direction: column;
    width: 375px;
    margin-left: 8px;
    left: -64px;
  }

  .nav-button-404 {
    width: 72px;
    margin-left: auto;
    margin-right: auto;
  }

  .socmed-404 {
    flex: none;
    order: 1;
    width: 100px;
    margin-right: auto;
  }

  .right-404 {
    margin-left: auto;
    display: block;
  }

  .buffer-404 {
    width: 60px;
    display: none;
  }

  .logo-404 {
    transition: filter .2s ease-in-out;
  }

  .album {
    display: none;
    top: 402px;
  }

  .socmed-who {
    flex: none;
    order: 1;
    width: 140px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    top: 3px;
    left: auto;
  }

  .tuneframe {
    flex-direction: column;
    width: 300px;
    margin-top: 10px;
  }

  .tunecopy {
    margin-left: 10px;
    margin-right: 10px;
    padding-right: 0;
  }

  .bandcamp {
    width: 300px;
    display: block;
  }

  .blather {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .blather.neqw {
    margin-right: auto;
  }

  .socmed-a {
    flex: none;
  }

  .socmed-block {
    flex: none;
    order: 1;
    margin-left: auto;
    margin-right: auto;
    top: 222px;
    left: auto;
  }

  .discolist {
    margin-left: 10px;
    margin-right: 10px;
  }

  .tune-icons.qew {
    z-index: 10;
    position: relative;
  }

  .three-across {
    width: auto;
    display: block;
  }

  .back {
    top: -47px;
  }

  .inner-golemhead {
    float: left;
    flex-direction: column;
    order: -9999;
    width: auto;
    display: block;
  }

  ._4x1 {
    align-items: flex-start;
    width: 375px;
    margin-top: 100px;
    padding-left: 10px;
    padding-right: 10px;
    top: 291px;
  }

  ._4x1.go {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 78px;
  }

  .phon-golemhead {
    float: left;
    flex-direction: column;
    width: 25%;
    display: none;
  }

  .names-new {
    white-space: break-spaces;
    flex: 1;
    width: auto;
    font-size: 26px;
  }

  .instruments-new {
    width: 92px;
    margin-left: 0;
  }

  .tunecopy-verse {
    margin-left: 10px;
    margin-right: 10px;
  }

  .aaa-tunecover.new {
    width: 300px;
    height: auto;
    margin-left: auto;
  }

  .aaa-titlebox {
    width: auto;
    display: none;
  }

  .aaa-titlebox.zz {
    display: none;
  }

  .foot {
    justify-content: center;
    height: auto;
  }

  .tunebutt {
    width: 60px;
    height: 60px;
  }

  .main {
    align-items: center;
    display: flex;
  }

  .row {
    flex-flow: column;
    align-items: center;
    width: 100%;
  }

  .row.gigs {
    flex-flow: row;
    width: 360px;
  }

  .container-2 {
    z-index: 10;
    position: relative;
  }

  .live-date {
    margin-left: 0;
    font-size: 14px;
  }

  .live-venue {
    font-size: 14px;
  }

  .live-city, .live-yy {
    width: auto;
    font-size: 14px;
  }

  .apostrophe {
    font-size: 14px;
  }

  .live-state {
    font-size: 14px;
    display: none;
  }

  .stream {
    display: none;
  }

  .deadsea {
    justify-content: center;
    align-items: center;
    padding-left: 5px;
    padding-right: 5px;
  }

  .head {
    flex-flow: column;
  }

  .bloghead.data {
    width: 230px;
    margin-left: auto;
    margin-right: auto;
  }

  .setlist {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
  }

  .alacarte {
    flex-flow: column;
    align-items: center;
    width: 100%;
  }

  .collection-item {
    flex-flow: column;
    display: flex;
  }

  .gallery {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: 0;
    display: flex;
  }

  .pitcher.vid {
    width: 440px;
    margin-left: auto;
    margin-right: auto;
  }

  .scrapbook-container {
    max-width: 100%;
  }

  .gig.dat {
    width: auto;
    font-size: 16px;
    line-height: 16px;
  }

  .gig.venu {
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 16px;
  }

  .gig.comma {
    margin-right: auto;
    font-size: 16px;
    line-height: 16px;
  }

  .gig.etat {
    display: none;
  }

  .gig-listing {
    flex: 1;
    justify-content: space-between;
    width: 325px;
  }

  .vidcase {
    width: 100%;
  }

  .five {
    flex-flow: column;
    align-items: center;
    width: 250px;
    height: auto;
    margin-top: auto;
    padding-left: 0;
    padding-right: 0;
    display: none;
    top: 307px;
  }

  .credit {
    position: relative;
    top: -18px;
  }

  .credit.h {
    top: -1px;
  }

  .cred {
    font-family: chandler-42-regular, sans-serif;
  }

  .five-2 {
    width: 300px;
    height: auto;
    transform: scale3d(1none, 1none, 1none);
    flex-flow: column;
    align-items: center;
    margin-top: 15px;
    padding-left: 0;
    padding-right: 0;
    display: block;
    top: 307px;
  }

  .five-2._2a {
    transform: scale(.75);
  }

  .musician {
    margin-top: 5px;
  }

  .musician-name {
    font-size: 22px;
    line-height: 26px;
  }

  .blogpost {
    width: 375px;
  }

  .datey {
    font-weight: 700;
  }

  .skinny {
    align-items: center;
    width: 375px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .logo-copy {
    order: -9999;
    width: 100%;
    max-width: none;
    transition: filter .2s ease-in-out;
  }

  .coluppy {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .article-bloc {
    width: 300px;
  }

  .the-vids {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: auto;
  }

  .vidblock {
    width: 300px;
    margin-bottom: 20px;
  }

  .links {
    margin: 20px;
  }

  .collection-list-wrapper {
    text-align: center;
  }

  .collection-list-4 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .collection-list-wrapper-2 {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .logo-alt {
    order: -9999;
    width: 100%;
    max-width: none;
    transition: filter .2s ease-in-out;
  }

  .logobox-alt {
    width: 375px;
    height: 154.852px;
  }

  .logobox-alt.w--current {
    width: auto;
    height: auto;
  }
}


@font-face {
  font-family: 'Moms typewriter';
  src: url('../fonts/Moms-Typewriter.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Truetypewriterpolyglott mela';
  src: url('../fonts/TruetypewriterPolyglott-mELa.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Redgolems surfgraffiti1';
  src: url('../fonts/RedGolems-SurfGraffiti1.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}