body {
  margin: 40px;
  background-color: #efebee;
  font-family: "Open Sans", Arial, sans-serif;
  display:flex;
  color: #404040;
}

.wrapper {
	display: grid;
	/* grid-gap: 10px; */
	grid-template-columns: repeat(12, [col] 8.333% );
	grid-template-rows: repeat(2, [row] auto );
	background-color: #fff;
	color: #444;
	padding: 10px;
	max-width: 1000px;
	margin: 0px auto;
	height: 100%;
}



.box {
	padding: 20px;
	font-size: 150%;
	margin-bottom: 20px
}
.d {
	grid-column: col 1/ span 4;
	grid-row: row 1;
}    
.e{
	grid-column: col 1/ span 3;
	grid-row: row 2;
	text-align: right;
}	
.f {
	grid-column: col 4/ span 9;
	grid-row: row 2;
}
.e img {
	width: 75%;
}
.logo {
	width: 100%;
}
.f h2 {
	margin-top: 0px;
	font-weight: 200;
}

.background-gear {
	position: absolute;
	width: 85%;
	top: 0%;
	z-index: -1;
	left: -17%
}

.footer {
	position:fixed;
	bottom: 0;
	width: 100%;
	background-color: #d6d7d6;
	line-height: 2em;
	left:0px;
	font-size: 12px;
}
.footer .container {
	max-width: 1000px;
	margin: 0px auto;
}
a {
	color: #003478;
	text-decoration: none;
}

/* MS IE */

.wrapper {
	display: -ms-grid;
	-ms-grid-columns: ([col] 8.333%)[12];
	-ms-grid-rows: ([row] auto)[2];	
}.wrapper > *:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	
}.wrapper > *:nth-child(2) {
	-ms-grid-row: 2;
	-ms-grid-column: 2;
	
}.wrapper > *:nth-child(3) {
	-ms-grid-row: 2;
	-ms-grid-column: 5;
}
.d {
	-ms-grid-column-span: 4;
	-ms-grid-column: col 1;
	-ms-grid-row: row 1;
}    
.e{
	-ms-grid-column-span: 3;
	-ms-grid-column: col 1;
	-ms-grid-row: row 2;
}	
.f {
	-ms-grid-column-span: 9;
	-ms-grid-column: col 4;
	-ms-grid-row: row 2;
}

	/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	body {
		margin: 4px;
	}
	.d {
        grid-column: col 1/ span 12;
        grid-row: row 1;
    }    
	.e{
        grid-column: col 4/ span 6;
        grid-row: row 2;
		text-align: center;
    }	
	.f {
        grid-column: col 1/ span 12;
        grid-row: row 3;
		text-align: center;
    }
	.box {
		margin-bottom: 0px
    }
	.wrapper {
		margin-bottom: 70px;
	}
	.footer .container {
		padding: 10px;
	}
	
	/* MS IE */
	.d {
        -ms-grid-column-span: 12;
        -ms-grid-column: col 1;
        -ms-grid-row: row 1;
    }    
	.e{
        -ms-grid-column-span: 6;
        -ms-grid-column: col 4;
        -ms-grid-row: row 2;
    }	
	.f {
        -ms-grid-column-span: 12;
        -ms-grid-column: col 1;
        -ms-grid-row: row 3;
    }
	.wrapper > *:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	
	}.wrapper > *:nth-child(2) {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
		
	}.wrapper > *:nth-child(3) {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
}