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 {

    text-align: center;
    
}

.band-box {
    position: relative;
    text-align: center;
    margin: auto;
}

.band-image-box {
    position: relative;
    width: 450px;
    margin: auto;
}

.band-image {
    
    width: 450px;
}

.band-divider {
    height: 40px;
}



.band-links {
    position: absolute;
    bottom: 2%;
    right: 5%;
    height: 70px;
    /* transform: translate(-37%, 570%); */
    visibility: hidden;
    opacity: 0.0;
    /* width: 450px; */
}

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

.band-social-img {
    
    height: 70px;
}

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

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