html,
body {
  width: 100%;
  margin: 0;
  height: 100%;
  font-family: sans-serif;
}

html {
  display: table;
  margin: auto;
}

body {
  display: table-cell;
}

.logo-large {
  height: 120px;
}

.page-wrapper {
  width: 100%;
  height: 100%;
}

.grid-layout {
  display: grid;
  grid-template-columns: repeat(12, [col-start] 1fr);
  grid-gap: 10px;  
}

.grid-layout > .start-5 {
  grid-column-start: col-start 5
}

.grid-layout > .span-4 {
  grid-column-end: span 4;
}

.grid-item {
  display: flex;
  align-items: center;
  justify-content: start;
  height: 100%;
}

.center-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

#content {
  margin: auto;
  width: 90%;
}

#header {
  width: 100%;
  height: 60px;
  background-color: #002338;  
}

#header > .grid-layout {
  width: 90%;
  height: 100%;
  margin: auto;
}