.tx-via-coverflow{position:relative;margin-top:3%;}
.main-header{position:fixed;top:0;bottom:0;left:0;width:20%;background:#eee;padding:1em;}
.main-header__nav{border-top:solid 1px #ccc;margin:1em -1em;}
.main-header__nav a{display:block;padding:0.5em 1em;border-bottom:solid 1px #ddd;}
.main-header__nav a:hover,
.main-header__nav a:focus{color:#eee;background:#da0d25;}
@media (max-width:800px){body{padding:0;}
.main-header{position:relative;width:100%;}
.main-header__nav a{display:inline-block;border:none;}
}
.intro{padding:4em 2em;}
.demo{padding:6em 2em;}
.demo h2{text-align:center;font-size:22px;margin-bottom:1em;}
.demo .flipster{margin:0 -2em;}
.code{display:block;background:#eee;padding:1em;border-radius:1em;margin:2em auto;max-width:30em;font-size:0.8em;width:fit-content;white-space:pre-wrap;}
.button{display:inline-block;padding:5px 10px;margin:0;background-color:#da0d25;background-position:center center;background-repeat:no-repeat;color:#FFF;text-shadow:none;vertical-align:middle;cursor:pointer;border:0;transition:all 300ms ease;}
.button:hover,
.button:focus{color:#7a0715;background:#f22840;}