@media only screen and (max-width: 878px) {

    .titleH3 h3 {
        position: absolute;
        bottom: -150px;
        left: 10px;
        -webkit-text-stroke: 1px black;
        color: white;
        text-shadow:
                1px 1px 0 #000000,
                1px -1px 0 #000000,
                -1px 1px 0 #000000,
                -1px -1px 0 #000000,
                1px 0px 0 #000000,
                0px 1px 0 #000000,
                -1px 0px 0 #000000,
                0px -1px 0 #000000;
    }

    .titleH3 {
        border: 3px solid white;
        border-radius: 7px;
    }

    .btn-slider-content {
        text-align: center;
    }
}

@media only screen and (min-width: 879px) {

    .mt-5 {
        margin-top: 50px;
    }
    .mb-5 {
        margin-bottom: 50px !important;
    }

    .titleH3 h3 {
        position: absolute;
        bottom: 10px;
        margin-left: 15px;
        -webkit-text-stroke: 1px black;
        color: white;
        text-shadow:
                1px 1px 0 #000000,
                1px -1px 0 #000000,
                -1px 1px 0 #000000,
                -1px -1px 0 #000000,
                1px 0px 0 #000000,
                0px 1px 0 #000000,
                -1px 0px 0 #000000,
                0px -1px 0 #000000;
    }

    .btn-slider-content {
        text-align: right;
    }

}