@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');
 }






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

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

 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;
     background: url('../images/backgrounds/bg17a.png');
     background-size: cover;
     background-position: center bottom;
 }

 @media screen and (min-width: 1350px) {
     .section-images {
         -webkit-flex-direction: row-reverse;
         -ms-flex-direction: row-reverse;
         flex-direction: row-reverse;
     }

     html,
     body,
     .section-images {
         height: 100%;
     }
 }

 .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%;
     }
 }
 #spaceship {
     position: relative;
     left: -800px;
     top: -500px;
     transform-box: fill-box;
     transform-origin: 50% 50%;
     animation: FlyDown 10s linear infinite;
     animation-delay: 10s;
     background-image: url('../images/spaceships/falcon.png');
 }
 @keyframes FlyDown {
      from {
        transform: translate(-800%, -500%); /* Start at top-left */
      }
      to {
        transform: translate(1000%, 700%); /* Move to bottom-right */
      }
 }

 a.showLink {
     text-decoration: underline;
     color: #ffffff;
     margin: 12px 0px 12px 0px;
 }

 a:hover.showLink {
     color: #f8fc0b;
 }

 a:visited.showLink {
     color: #FFFFFF;
 }

 @media screen and (min-width: 986px) {
     .NextShowDialog {
         font-size: 30px !important;
     }
     .bioText {
        font-size: 50px !important;
        width:50%;
    }  
 }

 @-moz-document url-prefix() {
    #footer {
      margin-top:25px;
    }
  }
 @media screen and (max-width: 985px) {
     .NextShowDialog {
         font-size: 50px !important;
         text-shadow: 1px 1px 2px red, 0 0 1em blue, 0 0 0.2em blue;
     }
     .bioText {
        font-size: 70px !important;
        width:100%;
    }  
    a#contactLink{
        text-shadow: 1px 1px 2px red, 0 0 1em blue, 0 0 0.2em blue;
    }
 }

 .bioText {
    font-family: 'Arcade', Verdana, Arial, sans-serif;
    color: #FFFF00;
    /* line-height: 4vh; */
    font-size: 30px;
    /* width:50%; */
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
    text-align: center;
}
 .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;
 }