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

.demo-ribbon {
  width: 100%;
  height: 40vh;
  background-color: #3F51B5;
}

.mdl-layout > * {
  flex-shrink: 0;
}

main.mdl-layout__content.mdl-layout__content {
  margin-top: -35vh;
}

header.mdl-layout__header {
  display: flex !important;
}

.mdl-layout__header-row {
  padding-left: 40px;
}

.demo-container {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
}

.demo-content {
  border-radius: 2px;
  padding-left: 80px;
  padding-top: 56px;
  padding-right: 80px;
  padding-bottom: 40px;
  margin-bottom: 80px;
}

.demo-content h3 {
  margin-top: 48px;
}
.mdl-mini-footer {
  padding-left: 40px;
}
.mdl-mini-footer .mdl-mini-footer--link-list a {
  font-size: 13px;
}