html, body {
    height: 100vh;
    /* color: red; */
    color: #eb1619;
    background-color: #0e0e0e;
    font-family: 'Yellowtail', cursive;;
}

.main-logo {
 margin-top: 30px;
}

.top {
    display: table;
    width: 100%;
    height: 60px;
 }



 .top-left {
    display: table-cell;
    width: 25%;
    height: 50px;
    
 }

 

 .top-centre {
    display: table-cell;
    text-align: center;
    align-items: center;
    width: 50%;
    height: 50px;
    font-size: 1.5em;
 }

 .top-centre h3 {
     margin: 0px;
 }


 .small-logo {
    /* margin: auto; */
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: 50px;
}

 .top-right {
    display: table-cell;
    width: 25%;
    margin: 0;
    padding: 0;
    height: 50px;
 }

 .social {
    float: right;
    margin-right: 50px;
    
}

.social-img {
    height: 50px;
    /* width: 72px; */
}

 .menu {
     /* font-family: Arial, Helvetica, sans-serif; */
     display: flex;
     flex-direction: row;
     gap:50px;
     justify-content: center;
     align-content: center;
     font-size: 1.5em;
     
 }

 .menu-item {
     width: 220px;
     height: 50px;
     background-color: #0e0e0e;
     text-align: center;
     
     
 }

 .menu-item h3 {
     
     color: #eb1619;
 }

 .menu-item a {
     text-decoration: none ;
 }

 .red8-header h2 {
     text-align: center;
     font-size: 2.5em;

 }

 .gold {
     color: #b8b846;
 }

 .main-logo {
    text-align: center;
    /* margin: auto;
    width: 80%; */
}

 .main-logo-bands-page {
     
     /* text-align: center; */
     /* margin: auto;
     width: 80%; */
     position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -0%);
    /* visibility: hidden; */
    opacity: 0;
 }

#greeting {
    color: #ffffff;
}

.band-container {
    position: relative;
    
}

.band-image {
    width: 450px;
}

.band-image {
    
   /* text-align: center; */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, 20%);
}

img .band-image {
    width: 450px;
}

.band-image-top-left {
    

    width: 450;
    
}

/* .band-image-top-left {
position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-130%, 20%);
} */

/* .band-image-top-right {
    

    width: 450;
    
} */

/* .band-image-top-right {
    position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(30%, 20%);
} */

.band-links {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 70px;
    transform: translate(-37%, 570%);
    visibility: hidden;
    opacity: 0.0;
    width: 450px;
}

.band-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 80px;
    transform: translate(-150%, 115%);
    visibility: hidden;
    opacity: 0.0;
    /* width: 300px; */
}

.band-social-img {
    /* width: 50px; */
    height: 70px;
}

.band-logo-image {
    width: 150px;
}

.coming-soon h2 {
    text-align: center;
}