* {
  box-sizing: border-box;
  font-family: 'Source Sans Pro', Verdana, sans-serif;

}

html{
  height: 100%;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
  background: url(../img/background/wild_oliva.png) left top repeat;
}

.grid_container {
  width: 100%;
  min-height: 100%;
  display: grid;
  grid-template-columns: [c1] 100px [c2] auto [c3] minmax(200px,300px) [c4];
  grid-template-rows: [r1] 85px [r2] auto [r3] 50px [r4];
}

header {
  grid-column: c1 / c4;
  grid-row: r1 / r2;
}

nav {
  grid-column: c1 /c2;
  grid-row: r2 / r3;
}

main {
  grid-column: c2 / c3;
  grid-row: r2 /r3;
}

aside {
  grid-column: c3 / c4;
  grid-row: r2 /r3;
  align-items: center;
  padding-top: 10px;
}

footer {
  grid-column: c2 / c3;
  grid-row: r3 / r4;
}

.grid_container {
  width: 100%;
  min-height: 100%;
  display: grid;
  display: -ms-grid;
  -ms-grid-columns: 100px auto minmax(200px,300px);
  -ms-grid-rows: 85px auto 50px;
}

header {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  -ms-grid-row: 1;
  -ms-grid-row-span:1;
}

nav {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row: 2;
  -ms-grid-row-span:1;
}

main {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  -ms-grid-row: 2;
  -ms-grid-row-span:1;
}

aside {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  -ms-grid-row: 2;
  -ms-grid-row-span:1;
}

footer {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  -ms-grid-row: 3;
  -ms-grid-row-span:1;
}