.case-study-wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-40%);
    z-index: 5;
    width: 100%;
    margin: 0;
    padding: 0;
}

.case-study-wrapper ul {
    list-style: none;
    padding: 0;
    z-index: 10;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
}

.case-study-wrapper .case-study-name {
    margin: 0 10px;
    text-align: center;
    position: relative;
}
.case-study-wrapper .case-study-name p {
    width: 100%;
    list-style: none;
    margin: 10px auto;
    display: inline-block;
    text-align: center;
    padding: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 3.2px;
    color: #FFFFFF;
    text-decoration: none;
    -webkit-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}
.case-study-wrapper .case-study-name p span{
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.case-study-wrapper .case-study-name p.filtering {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.case-study-wrapper .case-study-name p span:hover {
    -webkit-filter: drop-shadow(0 0 10px #FFFFFF);
    filter: drop-shadow(0 0 10px #FFFFFF);;
}
.case-study-wrapper .case-study-name.active p span{
    color: #ebc200;
    -webkit-filter: drop-shadow(0 0 10px #ebc200);
    filter: drop-shadow(0 0 10px #ebc200);
}

@media (max-width: 767px) {
    .case-study-wrapper ul {
        flex-direction: column;
    }
}