#content-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 50px 20px;
}

.col-md-6{
    display: inline-block;
}

#featured{
    max-width:-webkit-fill-available;
    min-width:-webkit-fill-available;
    max-height: 500px;
    object-fit: cover;
    cursor: pointer;
}

.thumbnail{
    object-fit: cover;
    max-width: 50px;
    max-height: 100px;
    cursor: pointer;
    opacity: 0.5;
    margin: 5px;
    border: 1px solid #FBA303;
}

.thumbnail:hover{
    opacity:1;
}

.active{
    opacity: 1;
}

#slide-wrapper{ 
    display: flex;
    min-height: 100px;
    align-items: center;
}

#slider{
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
}

#slider::-webkit-scrollbar {
    max-width: 4px;
    height: 3px;
}

#slider::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
}

#slider::-webkit-scrollbar-thumb {
    background-color: grey;
    border-radius: 60px;
}

#slider::-webkit-scrollbar-thumb:hover{
    background-color: #18b5ce;
}