body {
	background-color: black;
  margin: 0; padding: 0; 
 	/*background-image: url("pic1.png");
 	background-repeat: no-repeat;
 	background-attachment: fixed;
 	background-position: 50% 70%;
 	background-size: 50% 70%;*/
}
unifrakturmaguntia-regular {
  font-family: "UnifrakturMaguntia", cursive;
  font-weight: 400;
  font-style: normal;
}
a { text-decoration: none; color: white; }
.site-header {
    background-color: black;
    box-sizing: border-box;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1);
    position: relative;
    padding: 1rem;
    z-index: 1001;
}
.sep { height:1px; background:#1b1b1b; margin: 22px 0; border:0; }
.slide-menu-gr-container{
    font-family: "UnifrakturMaguntia", cursive;
    box-sizing: border-box;
    padding: .5rem;
    height: 100%;
    font-size: 20px;
    font-size: 1.25rem;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -moz-flex-direction: column;
    flex-direction: column;
}
#site-footer, #site-footer .footer-links, #site-footer .footer-legal {
    background-color: transparent;
    border-top: none;
}

.footer-social-menu {
    flex-wrap: wrap;
}
.icon {
  max-width: 50px; /* Image will take up to 100% of its parent's width */
  height: auto;    /* Height will adjust proportionally to maintain aspect ratio */
}

#site-footer {
    
    left: 0px;
    bottom: 0;
    max-width: 100%;
    position: relative;
    width: 100%;
    z-index: 0;
}
#site-footer-main {
    
    left: 0px;
    bottom: 0;
    max-width: 100%;
    position: fixed;
    width: 100%;
    z-index: 0;
}
.footer-text{
  font-family: "UnifrakturMaguntia", cursive;
    font-size: 15px;
}
.flex {
    display: -moz-flex;
    display: flex;
    -moz-align-items: center;
    align-items: center;
    -moz-justify-content: center;
    justify-content: center;
}



.STPlogo {
 max-width: 600px;
 width: 100%;
  margin: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 0;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); 
}

/* make the grid a single full-width column */
.list { display: grid; grid-template-columns: 1fr; }

/* ensure cards don’t exceed their track */
.link-card { width: 100%; }

/* belt-and-suspenders for logos/images */
.link-logo img { max-width: 100%; height: auto; display: block; }

.YTvid {
 max-width: 100%;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); 
}

.home {
  max-width: 9%;
  margin: 0;
  position: fixed;
  top: 10%;
  left: 33%;
  z-index: 1;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.PICcenter {
  text-align: center;
 
 /* top:50%;
  right:50%;*/

}
.archive {
  max-width: 9%;
  margin: 0;
  position: absolute;
  top: 90%;
  left: 50%;
  z-index: 1;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); 
}
.artists {
  max-width: 14%;
  height: auto;
  position:fixed;
  top:30px;
  right:50%;
}

.shop {
  max-width: 9%;
  margin: 0;
  position: fixed;
  top: 10%;
  left: 67.5%;
  z-index: 1;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

     /* .instagram {
        max-width: 3%;
          margin: 0;
        position: absolute;
        top: 85%;
        left: 33.32%;
        z-index: 1;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); 
      }

      .youtube {
        max-width: 3%;
          margin: 0;
        position: absolute;
        top: 85%;
        left: 41.66%;
        z-index: 1;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); 
      }

      .spotify {
        max-width: 3%;
          margin: 0;
        position: absolute;
        top: 85%;
        left: 50%;
        z-index: 1;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); 
      }

      .itunes {
        max-width: 3%;
          margin: 0;
        position: absolute;
        top: 85%;
        left: 58.32%;
        z-index: 1;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); 
      }

      .soundcloud {
        max-width: 3%;
          margin: 0;
        position: absolute;
        top: 85%;
        left: 66.64%;
        z-index: 1;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); 
      }
*/
.concert {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.prophet-takeover-date {
  max-width: 3%;
  margin: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}


/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .9} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}


@media (max-width: 600px){

}