/* Styles used to define a page when it is to be printed */
/* NOTES:-
!important

1) !important indicates that 'this is important, ignore subsequent rules, and any usual specificity issues, apply this rule!'
2) A rule that has the !important property will always be applied no matter where that rule appears in the CSS document.

styling multiple elements
1) Where a single style is to be used for more than one element use a comma to seperate the elements i.e. html, body{

Print specific styles
1) It is important to identify content that you do not want to be printed, this may be navigation, certain images and/or areas of content so we need to Remove unwanted items, this can be done using the .noprint class or by using the div id i.e. <div id="nav"> would be styled as #nav, .noprint {display: none;} 

2) By default background images and colours are not printed. You may wish to change the colour of light coloured text so it has a reasonable colour contrast without its background.
*/



@media print {
.noprint {display: none;}

}