@media (max-width: 991px) { 

    #title-index {
        display: none !important;
    }
    
    #title-index2 {
        display: block !important;
        font-size:3.5em;
        text-align: center;
        padding-top: 30px;
    }

    #sub-title-index {
        text-align: center;
    }
    
}



@media (max-width: 767px) {

    #title-index2 {
        font-size:2.8em;
        padding-top: 50px;
    }
    
    #header-primary {
        background: #000 !important;
    }
}


@media (max-width: 480px) {
    
    #title-index2 {
        font-size:1.3em;
        padding-top: 80px;
    }
}