@font-face {
     font-family: 'Alien-Encounters';
     src: url('../woff2/Alien-Encounters-Regular.woff2') format('woff2');
 }

 @font-face {
     font-family: 'ARCADE';
     src: url('../woff2/ARCADE.woff2') format('woff2');
 }

 @font-face {
     font-family: 'Gill Sans Ultra Bold Condensed';
     src: url('../woff2/gill-sans-ultra-bold-condensed.woff2') format('woff2');
 }

 @font-face {
     font-family: 'HALDASMA';
     src: url('../woff2/HALDASMA.woff2') format('woff2');
 }


 html,
 body,
 .section-images {
     margin: 0;
 }

 body {
     /*background: url('../images/backgrounds/bg17b.png');
     background-size: cover;
     background-position: center bottom;*?
    	background-color:#FFFFFF;
 }

 body::-webkit-scrollbar {
     display: none;
 }

 section-images::-webkit-scrollbar {
     display: none;
 }

 .section-images {
     /* margin: 2em; */
     /* text-align: center; */
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     gap: 20px;
     min-width: 0;
     -ms-overflow-style: none;

 }



 @media screen and (min-width: 1350px) {
    html, body, .section-images {
        /* height: 100%; */
        display: flex;
        justify-content: center;
        /* align-content: center; */
        flex-direction: column;
    }
}


 .bioText {
     font-family: 'HALDASMA', Verdana, Arial, sans-serif;
     color: #000000;
     /* line-height: 4vh; */
     font-size: 3.5vh;
     line-height: 4vh;
     font-weight: 900px;
     /* width:50%; */
     margin-left: auto;
     margin-right: auto;

 }

 @media screen and (max-width: 985px) {
     .bioText {
         font-size: 3.5vh !important;
         line-height: 4vh;
         width: 100%;
     }

     a#contactLink {
         text-shadow: 1px 1px 2px red, 0 0 1em blue, 0 0 0.2em blue;
     }
 }


 @media screen and (min-width: 986px) {
     .bioText {
         font-size: 3vh !important;
         line-height: 3, 5vh;
         width: 30%;
     }
 }


 .imgLogo {
     /* display: block; */
     width: auto;
     height: auto;
     max-width: 100%;
     max-height: 80%;
     /* margin: 20px auto; */
     margin-top: 20px;
 }


 #delorean {
     position: relative;
     right: -500px;
     top: 0%;
     transform-box: fill-box;
     transform-origin: 50% 50%;
     animation: go88mhp 20s linear infinite;
     background-image: url('../images/delorean.gif');
 }

 @keyframes go88mhp {
     from {
         left: 200%;
     }

     to {
         left: -500%;
     }
 }

 a {
     text-decoration: none;
     color: #000000;
 }

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

 a:visited {
    text-decoration: none;
     color: #000000;
 }



 @-moz-document url-prefix() {
     #footer {
         margin-top: 25px;
     }
 }


 .NextShowDialog {
     display: block;
     margin: 12px 0px 50px 0px;
     padding: 0px;
     text-align: center;
     font-family: 'Alien-Encounters', Verdana, Arial, sans-serif;
     color: #FFFFFF;
     font-size: 30px;

     width: 100%;
     /*height: 42vh; 
     font-size: 3vh;
     font-size: 3.5vw;*/
 }

 p {
     display: block;
     margin-block-start: 1em;
     margin-block-end: 0em;
     margin-inline-start: 0px;
     margin-inline-end: 0px;
 }

 #footer {
     text-align: center;
 }

 a#contactLink {
     font-family: 'Arcade', Verdana, Arial, sans-serif;
     color: #FFFFFF;
 }

 a:hover #contactLink {
     font-family: 'Arcade', Verdana, Arial, sans-serif;
     color: #FFFFFF;
 }

 a:visited#contactLink {
     font-family: 'Arcade', Verdana, Arial, sans-serif;
     color: #FFFFFF;
 }


 #contactLink {
     font-family: 'Arcade', Verdana, Arial, sans-serif;
     color: #FFFFFF;
     /* font-weight: bold; */
     line-height: 4vh;
     font-size: 4vh;
 }

 #bandlineup {
     /* margin: 20px 0px 20px 0px;
         background-color: #D6DDEA;
        border: 3px solid #fff;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -opera-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px; 
                width:50vh;*/
     text-align: center;
     position: relative;
     z-index: 1;
     right: 0;
     bottom: 0;
     left: 0;
     white-space: nowrap;
     top: -50px;
 }

 .zoom {
     transition: transform .2s;
     /* Animation */
     margin: 0 auto;
     z-index: 1 !important;
 }

 .zoom:hover {
     transform: scale(5, 5);
     -webkit-transform: scale(5);
     -ms-transform: scale(5);
     position: relative;
     z-index: 2;
 }