@media (min-width: 1150px) and (max-width: 1549px) {
    .slide-caption {
        transform: translateY(-100px) !important;
    }
}
.first-nav {
    width: 38vw;
    display: flex;
    justify-content: space-around;
    margin-left: 50px;
    padding-right: 0%;
    flex-direction: row;
    margin-top: 25px;
}

@media (min-width: 1150px) and (max-width: 1549px) {
    .first-nav {
        margin-left:30px;
        padding-right: 3%;
    }
    .first-nav li{
        padding-left: 10px
    }
}

@media (min-width: 992px) and (max-width: 1149px) {
    .first-nav {
        margin-left: 10px;

    }

}