/* Contact.CSS */


	
.mainDiv {align-self:center;
			justify-self:center;
			background-image:url("images2/pianoKeys.jpg");  /*	*/
			background-size:cover;
			height:100%;
			width:100%;
			border-radius: 20px;
			
			display:grid;
			grid-template-columns:1fr 1fr 1fr;
			grid-template-rows: .1fr .4fr 1fr;
			grid-template-areas: 'a ... ...'
						'... middle ...'
						'... h ...';
			justify-items:center;
			align-items:center;		
			}
			
.mainDiv a {
			color:#889;	/* default is blue because it's a link.  Match it up with the rest	*/
			} 

.middle 
	{   
		grid-area:middle;
		font-size:3vw;
/*		 padding-top:10%;	*/
/*		text-align:center;	*/
/*		background-color:green; /*    for debug   */
	}
	
	
			
/*   *********************  Responsive  Design ***************************** */
@media screen and (max-width: 800px)													
{
.mainDiv {
			grid-template-rows:.3fr .4fr 1fr;
			}
.middle {
		font-size: 1.1em;
		}
}