.wrapper {
				margin-right: auto;
				margin-left:  auto;		
				max-width: 960px;			
				padding-right: 15px;
				padding-left:  15px;
			}
							
			.grid {
				display: grid;
				grid-template-columns: auto 1fr 1fr;
				grid-auto-rows: minmax(2px, auto);
			}
			
			.header {
				grid-column:1/4;
			}
					
			.quote {
				grid-column:2/4;
				grid-row:2;
				text-align: left;
				border-style: groove;
				border-radius: 10px;
				padding: 7px;
				background-color: #eee;
				justify-self: start; 
			}
				
			.nav {
				grid-column: 1;
				grid-row:2/10; 
				padding-right: 2em;
			}
			
			.surah {
				grid-column:2/4;
				grid-row: 3;
				vertical-align: top;			
			}
										
			.text {
				grid-column: 2;				
				padding-right: 1em;
				padding-left:  1em;
			}
							
			.note {
				grid-column: 3;
				vertical-align: top;
				font-size: 90%;
				padding-left: 1em;
				padding-right: 1em;
				background-color: #f9f9f9;
			}
							
			.nextSurah {
				grid-column: 2/4;
			}
							
			.ad {
				grid-column: 2/4;
			}
							
			.links {
				grid-column: 2/4;
			}