@charset "ISO-8859-1";

html, body {padding: 0; margin: 0; }

.item1 { grid-area: head; }
.item2 { grid-area: main; }
.item3 { grid-area: foot; }

@media (max-width: 640px){
	.grid-container {
	  display: grid;
	  grid-template-areas:
	  	'head'
	    'main'
	    'foot';
	  grid-template-columns: 1fr;
	  grid-gap: 0px;
	  padding: 0px;
	}

}

@media (min-width: 640px) {
	.grid-container {
	  display: grid;
	  grid-template-areas:
	    'head'
	    'main'
	    'foot';
	  grid-template-columns: 1fr;
	  grid-gap: 0px;
	  padding: 0px;
	}
		
}

@media (min-width: 1200px) {
	.grid-container {
	  display: grid;
	  grid-template-areas:
	    'head'
	    'main'
	    'foot';
	  grid-template-columns: 1fr;
	  grid-gap: 0px;
	  padding: 0px;
	}
	
}