.demo-ribbon {
width: 100%; height: 40vh; background-color: #3F51B5; flex-shrink: 0;
}
.demo-main {
margin-top: -35vh; flex-shrink: 0;
}
.demo-header .mdl-layout__header-row {
padding-left: 40px;
}
.demo-container {
max-width: 1600px; width: calc(100% - 16px); margin: 0 auto;
}
.demo-content {
border-radius: 2px; padding: 80px 56px; margin-bottom: 80px;
}
.demo-layout.is-small-screen .demo-content {
padding: 40px 28px;
}
.demo-content h3 {
margin-top: 48px;
}
.demo-footer {
padding-left: 40px;
}
.demo-footer .mdl-mini-footer–link-list a {
font-size: 13px;
}
view-source {
position: fixed; display: block; right: 0; bottom: 0; margin-right: 40px; margin-bottom: 40px; z-index: 900;
}