/*
   New Perspectives on HTML and CSS
   Tutorial 8
   Tutorial Case

   Print Styles
   Author: Shawn Grycki
   Date: 7/3/16  

   Filename:         print.css
   Supporting Files: 

*/

/* Styles to be used for print displays */

@page {
	size: 8.5in 11in portrait;
	margin: 0.5in;
}

/* Hide Page Elements that will not be Printed */

header, nav, footer {
	display: none;
}

/* Setting the Page Breaks in the Document */

article {
	display: block;
	page-break-after: always;
	page-break-inside: avoid;
}

/* Styles for the h1 Heading */

h1 {
	font-size: 28pt;
	text-align: center;
	width: 100%;
}

/* Styles for the Main Photo */

#photo1 {
	display: block;
	margin: 0in auto;
	width: 4in;
}

/* Styles for the Figure Boxes */

figure {
	display: block;
	text-align: center;
	page-break-after: always;
	page-break-inside: avoid;
}

figure img {
	width: 5in;
}

figure figcaption {
	font-size: 20pt;
}

figure:last-of-type {
	page-break-after: avoid;
}







