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%;*/
}
a {
            text-decoration: none;
            color: white;
          }
unifrakturmaguntia-regular {
  font-family: "UnifrakturMaguntia", cursive;
  font-weight: 400;
  font-style: normal;
}
.sep { height:1px; background:#1b1b1b; margin: 22px 0; border:0; }
.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;
}
.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;
}
.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; }







/*img {vertical-align: middle;}


/* img { vertical-align: middle; } */  /* <-- properly closed comment */

/* Next & previous buttons */
.prev, .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: white;
  font-weight: bold;
  font-size: 18px;
  padding: 10px 14px;
  user-select: none;
  z-index: 2;
  background: rgba(0,0,0,0.25);
  border-radius: 8px;
}

.prev { left: 10px; }
.next { right: 10px; }

.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.45);
}