.navbar-scrolled
{
    background-color: black;
    transition: all 0.5s;
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}

.footer-bg
{
    background-color: rgb(230, 230, 230);
}

ul.first-col
{
    list-style-type: none;
    font-size: small;
}

.body-bg
{
    background-color: black;
}

.footer-sub
{
    font-size: 13px;
}

.nav-link
{
    font-weight: bold;
}

.hidden
{
    opacity: 0;
    transition: opacity 1s;
}

.show
{
    opacity: 1;
}

@media(prefers-reduced-motion)
{
    .hidden
    {
        transition: none;
    }
}



.bg-img-1
{
    background-image: url("../img/carousel1.png");
}
.bg-img-2
{
    background-image: url("../img/carousel5.png");
}
.bg-img-3
{
    background-image: url("../img/carousel4.png");
}
.bg-img-4
{
    background-image: url("../img/carousel3.png");
}
.bg-img-5
{
    background-image: url("../img/carousel2.png");
}

.carousel-img
{
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.item
{
    width: 150px;
    height: 150px;
}

.item-short
{
    width: 130px;
    height: 150px;
}

.quote-bg
{
    background-color: rgb(230, 230, 230);
    color: black;
}

.card-size
{
    width: 200px;

}


@keyframes fade 
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}

.hoverItem:hover{
   transform: scale(1.2);
   z-index: 2;
   transition: 0.5s;
 
   transition-delay: 0.2s;
}

.hoverItemNa:hover{
    transform: scale(1.1);
    z-index: 2;
    transition: 0.5s;
  
    transition-delay: 0.2s;
 }

.container-na{
    overflow: auto;
    display: flex;
    scroll-snap-type: y mandatory;
}

.container-na .item{
    flex-shrink: 0;
    scroll-snap-align: start;
}

.items{
    margin-left: 15px;
}

.na-bg{
    background-color:  rgb(230, 230, 230);
}

.card-na{
    display: flex;
    align-items: center;
}