.mainDiv{margin:auto; width:80%;}
	
	 .header {
	 background-color:green;
	 margin-bottom:10px;
	 height:400px;
	 width:100%;
	 }
	 
	 .websiteLogo{width:100%;
	  height:100%;
	 }
	
	
		 .nav {
	 background-color:black;
	 margin-bottom:10px;
	 width:100%;
	

	 }
	 
	 .nav a{
	 display:inline-block;
	 padding:10px;
	 background-color:black;
	 font-size:20px;
	 text-decoration:none;
	 color:white;
	 text-align:center;
	 }
	 
	 .nav a:hover{background-color:#ddd;
	 color:black;}
	 
	 	 .mainSection {
	 background-color:white;
	 margin-bottom:10px;
	 font-size:50px; 
	 width:100%;
	 overflow:hidden;
	 }
	 
	.imageBox{
	width:49.9%;
	margin-left:0.1%;
	margin-bottom:0.2%;
	height:300px;
	float:left;
	background-color:red;
	}
	

	.imageBox img{
	width:100%;	
	height:100%;
	}
	 
	 

	 .about{
	  width:80%;
	  margin:auto;
	  font-size:20px;
	  margin-bottom:50px;	  
	 }
	
	
		 .footer {
     clear:left;
	 background-color:yellow;
	 margin-bottom:10px;
	 font-size:50px;
	 width:100%;
	 padding-top:50px;
	 padding-bottom:10px;
	 }
	 
	  
	  
	 
	 .footer p{
	 font-size:15px;
	 text-align:center;
	 }
	 
	 
	
	 
	 .contactInfo{
	  font-size:20px;
	  text-align:center;
	  }
	 
	 
	 

	  @media screen and (max-width: 768px) {
	  
		.header{height:200px;}
		.nav a{display:block;}
	   
	   
		   .imageBox{
		width:100%;
		margin-left:0.1%;
		margin-bottom:0.2%;
		height:300px;
		background-color:red;
		}
		
		
		 .about{
		  width:80%;
		  margin:auto;
		  font-size:16px;
		  margin-bottom:50px;	  
		 }
		 
		
		 
		 .contactInfo span{
		  font-size:16px;
		  display:block;
		  
		  }
		 
	 
	
	  }