@media screen {
    #printSection {
        display: none;
    }
}

@media print {
    body * {
        visibility:hidden;
    }

    #printSection, #printSection * {
        visibility:visible;
    }

    #printSection {
        position:absolute;
        left:0;
        top:0;
    }
}
@media screen {
    #printSection {
        display: none;
    }
}

@media print {
    body * {
        display:none;
    }

    #printSection, #printSection * {
        display: inline;
    }

    #printSection {
        position:absolute;
        left:0;
        top:0;
    }
}

Fix 2 page display for 1 page content.
Fix 2 page display for 1 page content.

visibility:hidden only hides the content, it still takes place on the page. In some cases, the displayed content might be only taking 1 page but the hidden content makes it take 2 pages.
So to solve this, we remove the content from the print media altogether by using display:none instead of visibility:hidden.