.container {
	
	display: grid;
	/* gap: 3px; */
	grid-template-columns: repeat(12, minmax(8.33%, auto));
	grid-template-rows: repeat(14, auto);
}

@media only screen and (max-width: 480px) {
	.logo {
		grid-column: 1 / span 9;
		grid-row: 1 / span 1;
	
	}
	.menu {
		grid-column: 10 / span 3;
		grid-row: 1 / span 1;
	
	}
	.pay-off {
		grid-column: 1 / span 12;
		grid-row: 2 / span 1;
	}
	.nav {
		display: none;
	}
	.banner {
		grid-column: 1 / span 12;
		grid-row: 3 / span 1;
	}
	.service {
		grid-column: 1 / span 12;
		grid-row: 4 / span 1;
	}
	.spacer1 {
		grid-column: 2 / span 10;
		grid-row: 5 / span 1;
	}
	.mining {
		
		grid-column: 1 / span 12;
		grid-row: 6 / span 1;
	}
	.concrete {
		
		grid-column: 1 / span 12;
		grid-row: 7 / span 1;
	}
	.chemical {
		
		grid-column: 1 / span 12;
		grid-row: 8 /span 1;
	}
	.drilling {
		
		grid-column: 1 / span 12;
		grid-row: 9 / span 1;
	}
	.accessories {
		
		grid-column: 1 / span 12;
		grid-row: 10 / span 1;
	}
	.dimension {
		
		grid-column: 1 / span 12;
		grid-row: 11 / span 1;
	}
	.spacer2 {
		grid-column: 2 / span 10;
		grid-row: 12 / span 1;
	}
	.share {
		grid-column: 1 / span 12;
		grid-row: 13 / span 1;
	}
	.footer {
		grid-column: 1 / span 12;
		grid-row: 14 / span 1;
	}
	
}


@media only screen and (min-width: 481px) {
	.logo {
		grid-column: 1 / span 2;
		
	}
	.menu {
		display: none;
	}
	.pay-off {
		grid-column: 3 / span 10;
	
	}
	.nav {
		grid-column: 2 / span 10;
		/*grid-row: 2 / span 1;*/
	}
	.banner {
		grid-column: 1 / span 12;
		/*grid-row: 3 / span 1;*/
	}
	.service {
		grid-column: 1 / span 12;
	}
	.spacer1 {
		grid-column: 2 / span 10;
		/* grid-row: 5 span 1; */
	}
	.mining {
		grid-column: 1 / span 4;
		grid-row: 6 / span 1;
		margin-right: 2px;
	}
	.concrete {
		grid-column: 5 / span 4;
		grid-row: 6 / span 1;
		margin: 0 2px;
	}
	.chemical {
		grid-column: 9 / span 4;
		grid-row: 6 / span 1;
		margin-left: 2px
	}
	.drilling {
		grid-column: 1 / span 4;
		grid-row: 7 / span 1;
		margin-right: 2px;
	}
	.accessories {
		grid-column: 5 / span 4;
		grid-row: 7 / span 1;
		margin: 0 2px;
	}
	.dimension {
		grid-column: 9 / span 4;
		grid-row: 7 / span 1;
		margin-left: 2px
	}
	.spacer2 {
		grid-column: 2 / span 10;
		/*grid-row: 8 span 1;*/
	}
	.share {
		grid-column: 1 / span 12;
		/*grid-row: 9 / span 1;*/
	}
	.footer {
		grid-column: 1 / span 12;
		/*grid-row: 10 / span 1;*/
	}
}