body {
				background-color: #f5f5f5;
      			font-family: Helvetica, Univers, sans-serif;
			}
			
			.wrapper {
				margin-right: auto;
				margin-left:  auto;		
				max-width: 900px;			
				padding-right: 15px;
				padding-left:  15px;
			}
							
			.grid {
				display: grid;
				grid-template-columns: 30% auto;
				grid-auto-rows: minmax(5px, auto);
				grid-column-gap: 1em;
			} 
		
			.header {
				grid-column:1/3;
				background-image: url('../images/brick.gif');
				background-size: 52px; 
				display:grid;
				grid-template-columns: 75% 12% auto	
			}		
		
			.quote {
				grid-column: 1/3;
				grid-row: 2;
				text-align: left;
				border-style: groove;
				border-radius: 15px 0px 0px 15px;
				padding-right: 1em;
				padding-left: 1em;
				background-color: #fff;
				margin-top: 3px;
				margin-bottom: 1em;
			}

		
			.list {
				grid-column:1/3;
				background-color: #fff;
				padding-top: 1em;
				padding-left: 2em;
				padding-right: 2em;
		 		border-style: outset;
			}
			
			dd {
				margin: 20px;
			}
			
			dt {
				margin-top: 20px;
			}
			
			.list li {
				padding-bottom: 10px;
				margin-left: 2px;
			}


			blockquote {
				line-height: 1.6;
				margin-left: 20px;
			}
			
			.contra {
				grid-column: 1/3;
				padding-top: 1em;
				padding-left: 2em;
				padding-right: 2em;
		 		background-color: #fffff5;
		 		border-style: outset;
			}
			
			h1 {
				font-size:24px;
			}							
			

			h2 {
				font-size:22px;
			}
			
			h3 {
				font-size:18px;
			}

			
			.links {
				grid-column: 1/3;
		 		background-color: #fffff5;
				padding-left: 1em;
				padding-right: 1em;
				border-style: groove;
			}