#warning-message { display: none; }
#wrapper {display: block !important;}
@media only screen and (orientation:landscape) and (max-width: 1180px) {
    #conteudo { display:none; }
    #wrapper {display: none !important;}
    #warning-message { 
        display:block;
        background-color: black;
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
     }
}
@media only screen and (orientation:portrait){
    #warning-message { display:none; }
    #wrapper {display: block !important;}
}