body{
    background-image: url('../images/_inside_full_brain_RGB_small.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    font-family:Corbel;

}

#logoImage {
    max-height: 3em;
    height: auto;
    width: auto;

}

.navbar {
    background-color: #635863;
}

.bandPicture{
    width:100%; 
}

.innerContentContainer{
    padding-top:10%;
    padding-bottom:10%;

}

.contentRow{
    background-color: rgb(35, 30 , 38, 0.6); 
}

.textContent{
    width: 100%;
    text-align: center;
    color:lightgray;
    font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
}

.tourLocation{
    color: #7C96D1;
    font-weight: 600; 
    text-align: left;
    float: left;
}

.tourDate {
    color: white;
    font-weight:400;
    font-style: oblique;
    float: right;
    text-align: right;

}

.tourDateContainer {
    clear: both;
}

h2{
    color:#F6F8EF;
    font-size:1.5em;
}


.carousel-item img{
    max-height:80vh;
    max-width:100%;
    margin-left: auto;
    margin-right: auto;
}

.image-carousel{
    max-height: 80vh;
}

.videoContainer{
    width: 100%;
    height: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 56.25%;
}

.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.useBackground{
    background: rgb(152, 148, 165, 0.15);
   
}

#mainLogo{
    max-height:35vh;
    margin: auto;
    display: block;
    max-width: 80%;
}

.mediaIcon{
    width:50px;
}

.mainContentRow {
    min-height: 91vh;
    margin-bottom:5%;
}

.table {
    text-align: left;
}

#carousel-outer-div {
    width: 100%;
    text-align: center;
    height: 80vh;
}

@media (min-width: 600px) {
    #carouselIndicators {
        height: 80vh;
    }
  }