*{margin:0;padding:0;box-sizing:border-box}.group:after,.group:before{content:"";display:table}.group:after{clear:both}.group{zoom:1}body{background-color:#fff;font-family:arial;font-size:100%}header{text-align:center;background-color:#34495e}header .wrapper{margin:0 auto;padding:64px 10px;width:960px;color:#ecf0f1}header h1{margin-bottom:10px;font-size:3em;font-weight:700;line-height:1em}header p{margin-bottom:20px}header .button{padding:10px 20px;display:inline-block;color:#f1c40f;text-decoration:none;border:2px solid #f1c40f;border-radius:6px}.section .wrapper{margin:0 auto;padding:52px 0;width:960px}.section .buttons li{padding:10px;width:25%;float:left;list-style:none}.section .buttons .button{padding:10px;display:block;text-align:center;color:#34495e;text-decoration:none;border:2px solid #34495e;border-radius:6px}.section .buttons .button.button-blue{color:#2980b9;border-color:#2980b9}.section .buttons .button.button-green{color:#27ae60;border-color:#27ae60}.section .buttons .button.button-orange{color:#d35400;border-color:#d35400}.section .buttons .button.button-red{color:#c0392b;border-color:#c0392b}.section.section-code{background-color:#ecf0f1}.section.section-code .wrapper{padding:52px 10px}.section.section-code code,.section.section-code p{margin-bottom:20px}.section.section-code code{padding:20px;display:block;background-color:#fff;border-radius:6px;border:2px solid #bdc3c7}.section.section-code code:last-child{margin-bottom:0}footer{background-color:#34495e;text-align:right}footer .wrapper{margin:0 auto;padding:32px 10px;width:960px;font-size:.875em;color:#ecf0f1}footer a{color:#ecf0f1;text-decoration:none;border-bottom:1px solid rgba(236,240,241,.5)}@media screen and (max-width:960px){body{min-width:320px}.section .wrapper,header .wrapper{margin:0;width:100%}.section .buttons li{width:50%}footer .wrapper{margin:0;width:100%}}@media screen and (max-width:480px){.section .wrapper{margin:0;width:100%}.section .buttons li{width:100%;float:none}}
/*# sourceMappingURL=demo.min.css.map */