.wrapper {
			margin-right: auto;
			margin-left:  auto;		
			max-width: 900px;			
			padding-right: 10px;
			padding-left:  10px;
		}	
			

		.grid {
			display: grid;
			grid-template-columns: 1fr auto 1fr;
			grid-auto-rows: minmax(20px, auto);
			grid-row-gap: 5px;
			grid-column-gap: 1em;
			align-items:start; 
			justify-items: auto;
			}
		

		.header {
			grid-column:1/4;
			/* grid-row: 1; */
			background-image: url("../images/brick.gif");
			/* background-size: 52px; */
			display:grid;
			grid-template-columns: 65% 8% auto;	
			}	

		.quote {
			grid-column: 1/4;
			grid-row: 2;
			text-align: left;
			border: 1px solid black;
			border-radius: 10px;
			padding-left:25px;
			padding-right:20px;
		}
		
		.another {
			font-family: "Time New Roman"; 
			text-align:center;
			font-size:160%;
			grid-column: 1/4;
			grid-row: 3;
		}
		
		.work {
			grid-column: 1/4;
			grid-row: 4;
			font-size:130%;		
			text-align: "center";
			text-align:center;
			padding-top: 8px;
			padding-bottom: 1em;
		}	
		
		.BOM {
			background-color: #fbfbfb;
			vertical-align: top;
			border: 1px solid black;
			background-color: #fbfbfb;
			border-radius: 8px;
			grid-column:1;
			grid-row:5;
		}
	
		
		.BOM-title {
			font-size: large;
			background-image:linear-gradient(#5875ee, #17386d, #2b3db5);
		/*	background: #17386d; */
			color: white;
			text-align: center;
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
			padding: 8px;
		}
		
		.BOM-books {
			grid-column:1;
			padding-top: 20px;
			padding-left: 1em;
		}
		
		.BOM-books > div{
			padding: 5px;
			padding-left: 50px;
		}
		
		
		.cat {
			grid-column:2;
			grid-row:5;
			padding: 1em;
			border: 1px solid;
			background-color: #fbfbfb;
			border-radius: 8px;
		}
				
		dd {
			padding: 5px;
		}	

		
		.links {
			grid-column:3;
			grid-row:5;
			border: 1px solid;
			border-radius: 8px;
			padding: 1em;
			background-color: #fbfbfb;
		}