@font-face{font-family:'opensansregular';src:url(./fonts/opensans/opensans-regular-webfont.eot);src:url(./fonts/opensans/opensans-regular-webfont.eot?#iefix) format("embedded-opentype"),url(./fonts/opensans/opensans-regular-webfont.woff2) format("woff2"),url(./fonts/opensans/opensans-regular-webfont.woff) format("woff"),url(./fonts/opensans/opensans-regular-webfont.ttf) format("truetype"),url(./fonts/opensans/opensans-regular-webfont.svg#opensansregular) format("svg");font-weight:400;font-style:normal}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:'opensansregular',Helvetica,sans-serif;color:#333}a,a:visited{color:#00C8F8}.inline-code{font-style:normal;background-color:#F1F1F1;color:#333;padding:2px}.row-is-selected .if-column{display:none}.column-is-selected .if-row{display:none}.page-heading{font-size:32px;text-align:center;margin-bottom:20px;text-transform:uppercase;color:#FFF;background-color:#FF4C65;padding:5px 0;text-shadow:1px 1px #999}.page-description{max-width:436px;margin:0 auto 20px}.control{width:475px;margin-bottom:5px}.control-inputs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:space-between;-webkit-justify-content:space-between;-ms-flex-pack:space-between;justify-content:space-between}.grid-property-value{padding:5px;font-size:14px;border:1px solid #D4D4D4}.flex-attribute-control{margin:0 20px 20px 0;max-width:158px}.control-heading{margin-bottom:0;font-size:20px;border-bottom:1px solid #EEE;text-transform:uppercase;font-size:17px}.control-explanation{font-style:italic;border-bottom:1px solid #EEE;padding:5px;color:#888;font-size:16px}.control-group{font-size:18px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.test-container{display:grid;grid-template-columns:repeat(2,50%)}#Grid{height:600px;width:600px;margin:auto;border:2px solid #EEE;display:grid}.grid-child{padding:0 46px;font-size:40px;text-align:center;line-height:132px;color:#FFF;display:flex;justify-content:center;align-items:center}.contact{text-align:center;margin:50px;font-size:18px}.hide{display:none}.child-count-container{width:210px;text-align:center;margin:15px 0}.child-count-info{border-bottom:none}.child-count-slider{width:200px}.preview-container{width:380px;margin:30px auto 0;border-radius:4px}.preview{font-size:14px;padding:10px;background-color:#F1F1F1}