example.css

@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,600italicitalic,300,600);.clearfix,.group{zoom:1}.clearfix:before,.clearfix:after,.group:before,.group:after{content:"";display:table}.clearfix:after,.group:after{clear:both}body{margin:0;background:white;font-size:100%;line-height:160%;color:#5f626f;font-family:"Open Sans", Arial, Helvetica, sans-serif;font-weight:200}a{color:#d97b12;text-decoration:none;border-bottom:1px dotted #d97b12}b,strong,th,label{font-family:"Open Sans", Arial, Helvetica, sans-serif;font-weight:600}h1,h2,h3,h4,h5,h6,p{padding:8px 0;margin:0;font-weight:200}h1{font-size:3em;line-height:120%}h2{font-size:2.4em;line-height:120%}h3{font-size:1.8em;line-height:120%}hr{border:0;border-bottom:1px solid #c9cbd1;height:0;margin:20px 0;clear:both}label{display:block}small{font-size:.85em;color:#777a8a}label{color:#6b6e7d}input[type=text],input[type=email],input[type=number],input[type=date],input[type=datetime],input[type=datetime-local],input[type=month],input[type=week],input[type=time],input[type=search],input[type=tel],input[type=url],textarea{box-sizing:border-box;width:100%;padding:10px 15px;font-size:140%;border:0;font-family:"Open Sans", Arial, Helvetica, sans-serif;font-weight:200}textarea{min-height:120px}button,input[type=submit],.btn,a.btn,.grey a.btn,.blue a.btn,.blue-dark a.btn,.gold a.btn{display:block;box-sizing:border-box;width:100%;padding:10px 20px;font-size:1.5em;border:0;background:white;cursor:pointer;margin:0 10px 5px 0;color:#5f626f;text-decoration:none;border:0;opacity:.9;font-family:"Open Sans", Arial, Helvetica, sans-serif;font-weight:200}button.wide,input[type=submit].wide,.btn.wide,a.btn.wide,.grey a.btn.wide,.blue a.btn.wide,.blue-dark a.btn.wide,.gold a.btn.wide{width:100%}button.blue,button.gold,button.grey,button.blue-dark,button.purple,input[type=submit].blue,input[type=submit].gold,input[type=submit].grey,input[type=submit].blue-dark,input[type=submit].purple,.btn.blue,.btn.gold,.btn.grey,.btn.blue-dark,.btn.purple,a.btn.blue,a.btn.gold,a.btn.grey,a.btn.blue-dark,a.btn.purple,.grey a.btn.blue,.grey a.btn.gold,.grey a.btn.grey,.grey a.btn.blue-dark,.grey a.btn.purple,.blue a.btn.blue,.blue a.btn.gold,.blue a.btn.grey,.blue a.btn.blue-dark,.blue a.btn.purple,.blue-dark a.btn.blue,.blue-dark a.btn.gold,.blue-dark a.btn.grey,.blue-dark a.btn.blue-dark,.blue-dark a.btn.purple,.gold a.btn.blue,.gold a.btn.gold,.gold a.btn.grey,.gold a.btn.blue-dark,.gold a.btn.purple{color:white}button.blue,input[type=submit].blue,.btn.blue,a.btn.blue,.grey a.btn.blue,.blue a.btn.blue,.blue-dark a.btn.blue,.gold a.btn.blue{background:#7e07a9}button.gold,input[type=submit].gold,.btn.gold,a.btn.gold,.grey a.btn.gold,.blue a.btn.gold,.blue-dark a.btn.gold,.gold a.btn.gold{background:#ee9430}button.purple,input[type=submit].purple,.btn.purple,a.btn.purple,.grey a.btn.purple,.blue a.btn.purple,.blue-dark a.btn.purple,.gold a.btn.purple{background:#7e07a9}button.blue-dark,input[type=submit].blue-dark,.btn.blue-dark,a.btn.blue-dark,.grey a.btn.blue-dark,.blue a.btn.blue-dark,.blue-dark a.btn.blue-dark,.gold a.btn.blue-dark{background:#350347}button:hover,input[type=submit]:hover,.btn:hover,a.btn:hover,.grey a.btn:hover,.blue a.btn:hover,.blue-dark a.btn:hover,.gold a.btn:hover{opacity:1}pre{overflow:auto;padding:10px 30px;background:#474a54;color:white}code{padding:5px;margin:0 5px;background:#c9cbd1}dt{padding:10px 0 0 0;margin:0;font-weight:600;font-size:1.2em}dt code{background:transparent}dd{margin-bottom:20px}.wrap{max-width:900px;margin:0 auto}.header{background:#ee9430;color:white;padding:40px 20px 20px 20px}.header h1{font-size:50px;line-height:40px;font-weight:300}.header h3{font-size:20px;line-height:26px}.buttons{padding:20px 0 0}.buttons a{border:0}.block{padding:20px 20px 60px 20px}.top-link{display:block;text-align:center}.grey,.blue,.gold,.blue-dark,.purple{color:white}.grey a,.blue a,.gold a,.blue-dark a,.purple a{color:white;border-color:white}.grey{background:#5f626f;color:white}.grey-light{background:#e5e5e8;color:#474a54}.grey-lighter{background:#f2f3f4;color:#474a54}.blue{background:#7e07a9;color:white}.purple{background:#7e07a9;color:white}.blue-dark{background:#350347;color:white}.gold{background:#ee9430;color:white}.results{background:white;padding:10px 20px;margin-top:-5px;overflow:auto}.results table{min-width:100%}.results table th{white-space:nowrap;padding:2px 10px}.results table td{padding:2px;text-align:center}.pad{padding:10px 20px}.clear{clear:both}.non-phone-only{display:none}@media only screen and (min-width: 500px){.phone-only{display:none}.non-phone-only{display:block}.header{padding:30px}.header h1{font-size:80px;line-height:70px}.header h3{font-size:20px;line-height:24px}.top-link{float:right}.block{padding:30px}button,input[type=submit],.btn,a.btn,.grey a.btn,.blue a.btn,.blue-dark a.btn,.gold a.btn{width:auto;display:inline-block}.pad{padding:10px 30px}}@media only screen and (min-width: 768px){.header{padding:60px 40px 40px}.block{padding:40px 40px 80px}.thirty,.fourty,.fifty,.sixty,.seventy{float:left;padding:10px 3% 10px 0}.thirty{width:27%}.fourty{width:37%}.fifty{width:47%}.sixty{width:57%}.seventy{width:67%}.pad{padding:10px 60px}}@media only screen and (min-width: 1024px){.header{padding-top:80px}}.grid-row{padding:0 20px;zoom:1}.grid-row:before,.grid-row:after{content:"";display:table}.grid-row:after{clear:both}@media only screen and (min-width: 600px){.grid-row{padding:0}.grid-row .col1,.grid-row .col2,.grid-row .col3,.grid-row .col4,.grid-row .col5,.grid-row .col6,.grid-row .col7,.grid-row .col8,.grid-row .col9,.grid-row .col10,.grid-row .col11,.grid-row .col12{float:left;margin:0 0 0 3%}.grid-row .col1.first,.grid-row .col1:first-child,.grid-row .col2.first,.grid-row .col2:first-child,.grid-row .col3.first,.grid-row .col3:first-child,.grid-row .col4.first,.grid-row .col4:first-child,.grid-row .col5.first,.grid-row .col5:first-child,.grid-row .col6.first,.grid-row .col6:first-child,.grid-row .col7.first,.grid-row .col7:first-child,.grid-row .col8.first,.grid-row .col8:first-child,.grid-row .col9.first,.grid-row .col9:first-child,.grid-row .col10.first,.grid-row .col10:first-child,.grid-row .col11.first,.grid-row .col11:first-child,.grid-row .col12.first,.grid-row .col12:first-child{margin:0}.grid-row .col12{float:none}.grid-row .col1{width:5.5%}.grid-row .col2{width:14%}.grid-row .col3{width:22.5%}.grid-row .col4{width:31%}.grid-row .col5{width:39.5%}.grid-row .col6{width:48%}.grid-row .col7{width:56.5%}.grid-row .col8{width:65%}.grid-row .col9{width:73.5%}.grid-row .col10{width:82%}.grid-row .col11{width:90.5%}.grid-row .col12{width:99%;margin:0}}.text-right{text-align:right}.text-left{text-align:left}.text-center{text-align:center}
/*# sourceMappingURL=example.css.map */