/* Page height */

html, body {
    height: 100%;
    width: 100%
}

/* Nav bar */

.navbar {
    background-color: #23415c;
    padding: 1% 0;
    font-size: 1.2em;
}
.navbar-fixed-top {
    border: none;
}
.navbar-brand {
    min-height: 55px;
    top: -10px;
    position: fixed;
    z-index: 2;
}
.navbar-brand img {
    width: 15vw;
    min-width: 100px;
    max-width: 250px;
}
.navbar-default .navbar-nav li a {
    color:#d5d5d5;
}
.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav li a.active {
    color: orange;
}

/* BG image */

#home {
    background: url(images/landingpage_BG.jpg) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    background-size: cover;
}


/* Call to Action */

.call-to-action {
    display: table-cell;
    text-align: center;
}
.call-to-action {
    padding-top: 10vh;
} 
.landing-text {
    font-size: 3vh;
    font-weight: 700;
    text-transform: uppercase;
}
.Bandname {
    font-size: 2vh;
    font-weight: 700;
}
.bg-primary {
    opacity: 0.5;
}
.call-to-action-img {
    padding: 1.2em;
}
.responsive {
    width: 100%;
    max-width: 40vh;
    height: auto;
  }
    .icon-color {
    color: #fff;
}
.grow { 
    transition: all .2s ease-in-out; 
}    
.grow:hover { 
    transform: scale(1.1); 
}

.grid {
    padding: 2%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

/* Soothing Soundscapes */

#SoothingSoundscapes {
    background-color: #000;
    padding: 1.2em; 
}



/* Animation */

@keyframes moving {
from { transform: translateX(0)
}
to {
    transform: translateX(-300px)
}


@media screen and (min-width: 992px) {
    .landing-text {
        width: calc(100vw - var(--scrollbar-width));
    } 
}

/* contact */

.landing-text {
    color: #fff;
}