Unable to get a full web page print structure for WordPress submit with @media print css

I’m attempting to print solely the ‘.content material’ of a submit with out header, footer and sidebar in full width. With customization to @media print, the header, footer and sidebar is eliminated. However a clean left column is displayed the place the sidebar was once. I’ve added code for the content material margin and width. Nevertheless it is not working. Cannot see what’s occurring.

I’d admire some assist.

Screenshot of the executed print preview

Hyperlink to the webpage which I need to print Demo Inc

That is the code I’ve tried..

@media print{
    #header,
    #footer,
    .sidebar,
    .nav-container{show:none;!vital}
    .content material{show:block;!vital;}
    .content material{ margin-left:0; 
     width:100%
}