.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;

}