@media (min-width: 0px) {  
    .tulisan-index {
        color: white;
        text-align: center;
        font-weight: bold;
        font-size: 35px;
        text-shadow: 0 15px 20px rgba(0,0,0,0.3);
    }

    .centering-index {
        height: 100%;
        padding-top: 50%;
        padding-bottom: 25%;
    }
}

@media (min-width: 992px) {  
    .tulisan-index {
        color: white;
        text-align: center;
        font-weight: bold;
        font-size: 80px;
        text-shadow: 0 15px 20px rgba(0,0,0,0.3);
    }

    .centering-index {
        height: 100%;
        padding-top: 18%;
        padding-bottom: 25%;
    }
}