body {
    background: #0C0F0A;
    font-family: 'Permanent Marker', cursive;
}

.red-text h2 {
    /* color: #41EAD4; */
    color: #ff6dc7;
    font-weight: 100;
    font-size: 3rem;
}

.small-font {
    font-size: 1.125rem;
    text-align: left;
}

.red-text {
    color: white;
    font-weight: 100;
    font-size: 1.5rem;
    line-height: 2rem;
}

.navbar {
    text-transform: uppercase;
}

.small-img {
    height: 96px;
}

#mainNavbar .navbar-brand {
    color: #F4E409;
}

#mainNavbar {
    font-size: 1.5rem;
    font-weight: 100;
}

#mainNavbar .nav-link {
    color: white;
}

/* :hover is a sudo selector for hover states */
#mainNavbar .nav-link:hover {
    color: #F4E409;
}

.bg-overlay {
    background-color: rgba(18, 22, 58, 0.212);
    height: 30rem;
}

.image-background1 {
    background-image: url('/images/imgs/lulu-je-1.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    min-height: auto;
    width: 100%;
    background-size: cover;
}

/* unvisited link */
a:link {
    color: white;
  }
  
  /* visited link */
  a:visited {
    color: white;
  }
  
  /* mouse over link */
  a:hover {
    color: #F4E409;
  }
  
  /* selected link */
  a:active {
    color:white;
  }

/* .image-background2 {
    background-image: url('imgs/lulu-1.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    min-height: auto;
    width: 100%;
    background-size: cover;
    height: 40rem
} */

.image-background3 {
    background-image: url('/images/imgs/lulu-je-2.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    min-height: auto;
    width: 100%;
    background-size: cover;
    height: 40rem
}

#heading-group .hoverkids:hover {
    color: #F4E409;
}

#heading-group .hoverkids {
    color: white;
}

#heading-group span {
    color: #F4E409;
}

#heading-group h1 {
    font-weight: 100;
    font-size: 4rem;
}

.navbar.scrolled {
    background: #ff6dc793;
    transition: background 700ms;
}

@media (max-width: 1111px) {
    #heading-group h1{
        font-size: 3rem;
    }
}