body {
  background-color: midnightblue;
  
	  h1 {
	    text-align: center;
	    text-color: lightgrey;
	   }
	
	  /* link behaviours */	
	  a:link {color: lightblue;}
	  a:visited {color: blue; }
	  a:hover {color: orange;}
	  a:active {color: lightgreen;}
	  
	  .general-text {
		     font-size: 20px;
	      color: lightgreen;
	   }
	  
	 /*  img {
	     	width: 100%;
		max-width: 400px;
	        height: auto;
		vertical-align: middle;
	   } */

	/* Set up for 3 images, 23 x 3 = 69, 5 x 6 = 30, total = 99% */
	   .socials-logos {
	        width: 23%;
		min-width: 25px;
	        height: 100%;
	        padding: 10px 5% 10px 5%; /*top & bottom 10px, left & right 5% of page size */
	   }

   /* NEW - FIRST GRID CONTAINER */
     @media (min-width: 599px) {
		.top-grid {
	      	display: grid;
	      	grid-template-columns: 60% 40%;
	      	border: 10px;
	      	text-align: center;
	     	padding: 50px 30px;
   		}
	 }

 @media (max-width: 600px) {
	  .topgrid {                	        		
		   width: 100%;
 	   }
  }
	
   .bottom-grid {
      display: grid;
      grid-template-columns: 30% 30% 30%;
      gap: 50px;
      text-align: center;
      padding: 10px 10px;
   }

   .grid-item {
		font-size: 20px;
		text-align: center;
 		color: white;
    }

}