.playlist-wrapper {
    height: auto;
    text-transform: uppercase;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
}
.playlist-wrapper h2 {
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 35px;
}
.playlist-wrapper a {
    text-decoration: none;
    color:rgb(0, 0, 0);
    font-weight: 300;
}
.music-header {
    background: linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .8)), url('https://images.unsplash.com/photo-1495651779359-881fde1808a6?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1950&q=80');
    background-size: cover;
    background-position-y: -250px;
    color: white;
    margin-bottom: 50px;
    text-align: center;
    padding:150px 0px 150px 0px;
}
.music-header h1 {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 50px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
}
.music-header p {
    font-size: 20px;
}
.playlist-wrapper .container .row .col-sm {
    text-align: center;
    margin-bottom: 50px;
}
.playlist-wrapper img {
    width:auto;
    height:250px;
    text-align: center;
    cursor: pointer;
    transition: .2s ease;
    margin-bottom: 40px;
}
.playlist-wrapper img:hover {
    opacity: .4
}
.playlist-wrapper button {
    background: rgb(255, 255, 255);
    border: solid 1px rgb(230, 229, 229);
    text-transform: uppercase;
    width:200px;
    height: 50px;
    transition: .2s ease;
    font-weight: 300;
    letter-spacing: 3px;
    font-size:.75em;
}
.playlist-wrapper button:hover {
    background:rgb(241, 241, 241);
}
@media only screen and (max-width:1198px) {
    .playlist-wrapper .container .carousel-item .row .col-lg {
        margin-bottom:75px;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .playlist-wrapper .container .carousel-item .row .col-lg button {
        display:block !important;
    }
    .carousel-control-next {
        right:0px;
        box-shadow: none;
        top:-75px;
    }
    .carousel-control-prev {
        left:0px;
        box-shadow: none;
        top:-75px;
    }
}
@media (max-width: 991.98px) {  }
@media (max-width: 767.98px) { 
    .music-header {
        background-position-x:-150px;
        background-position-y: -50px;
    }
 }
@media (max-width: 575.98px) {
    .music-header {
        background-position-x:-300px;
    }
    .music-header h1 {
        font-size:60px;
    }
    .carousel-indicators li {
        border:0px;
        height:3px;
        background:black;
    }
    .carousel-control-prev {
        padding-right:30px;
    }
    .carousel-control-next {
        padding-left:30px;
    }
 }