@charset "utf-8";
	.col3 {
  display: grid;
  
 
  grid-template-columns: 1fr;
  grid-template-rows: 1.5fr 1.75fr;
  grid-template-areas:
    "image1"
	"image2"
   ;
	}
		#image1 {
			grid-area: image1;
		}
		#image2 {
			grid-area: image2;
		}
		
	.col1 {
  display: grid;
 
  grid-template-columns: 1fr;
  grid-template-rows: 2.6fr 1.6fr 1.75fr;
  grid-template-areas:
    "image5"
	"image6"
	"image7"
   ;
	}
		#image5 {
			grid-area: image5;
		}
		#image6 {
			grid-area: image6;
		}
		#image7 {
			grid-area: image7;
		}
			
	@media only screen and (max-width: 750px) {
  .col3 {
	display: grid; 
	padding-top:1em;  
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1.9fr;
    grid-template-areas:
      "image1 image2"
     
     ;
     

	  
		}
		.col1 {
	display: grid; 
	padding-top:3em; 		
    grid-template-columns: 1fr;
    grid-template-rows: 1.9fr 1.5fr 1.5fr;
    grid-template-areas:
      "image5"
	"image6"
      "image7"
	;
       
		}
  }
	/* CSS Document */