/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{-webkit-font-smoothing:antialiased}@font-face{font-family:'iconfont';src:url("font/fontello.eot?44039424");src:url("font/fontello.eot?44039424#iefix") format("embedded-opentype"),url("font/fontello.woff?44039424") format("woff"),url("font/fontello.ttf?44039424") format("truetype"),url("font/fontello.svg?44039424#fontello") format("svg");font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"iconfont";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.icon-codepen:before{content:'\e800'}.icon-github-circled-alt2:before{content:'\e801'}.icon-menu:before{content:'\e802'}body::before{position:fixed;top:30px;right:30px;width:40px;padding:.4em;font-size:24px;text-align:center;background:#ff8361;color:#fff;z-index:2000;content:'XL'}@media (max-width: 1024px){body::before{content:'LG'}}@media (max-width: 768px){body::before{content:'MD'}}@media (max-width: 568px){body::before{content:'SM';font-size:16px}}@media (max-width: 420px){body::before{content:'XS';font-size:12px}}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0 auto;background:#f6f4f3;color:#6B5E53;font-family:"Trocchi",Georgia,Garamond,serif;font-size:16px}h1,h2,h3,h4,h5,h6{margin:3em 0 0;font-family:"Questrial",Helvetica,Arial,sans-serif}h1{margin:0;font-size:82px;font-family:"Trocchi",Georgia,Garamond,serif;font-weight:normal;text-align:left}h2{margin-bottom:.2em;font-size:2.3em;text-align:left;text-transform:uppercase;letter-spacing:0.1em;padding:0 0px 0 0;float:left;width:100%}@media screen and (max-width: 568px){h2{width:100%}}h3{margin-bottom:.5em;font-size:1.7em;font-weight:normal;border-bottom:1px solid #c5c3c2}h4{margin:2em 0 .2em;font-size:1em;text-transform:uppercase;font-weight:bold;letter-spacing:0.1em}h5{margin:4em 0 .2em;font-size:1.4em;font-weight:bold;letter-spacing:0.1em}h5+h5{margin-top:0}h6{margin:.3em 0;font-weight:bold;font-size:1em;color:#f97}p{margin-bottom:1em}p+h5{margin-top:2em}p+h6{margin:-.8em 0 1.3em}a{color:#f96d55;text-decoration:none;transition:all .1s ease-in-out}a:hover{color:#c75744}code{padding:.2em 0.5em;font-size:0.8em;background:#e5ddd8;color:#403832}code.block{display:block;white-space:pre;font-size:1em;margin:1em 0 2em;padding:1em}.comment{opacity:.5}div.container{margin:auto;width:1024px}@media (max-width: 1024px){div.container{width:90%;padding:0 0 0 0px}}div.container:after{content:"";display:table;clear:both}header h2{font-size:18px;margin:0 0 2em;line-height:1.4em}.section_header{position:relative;margin:3em 0 1em;padding-left:0;padding-bottom:1.2em}@media (min-width: 0) and (max-width: 768px){.section_header{padding:1em}}.column{position:relative;min-height:80px;background:#a9db80;background:-moz-linear-gradient(-45deg, #6B5E53 0%, #564b42 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, #6B5E53), color-stop(100%, #564b42));background:-webkit-linear-gradient(-45deg, #6B5E53 0%, #564b42 100%);background:-o-linear-gradient(-45deg, #6B5E53 0%, #564b42 100%);background:-ms-linear-gradient(-45deg, #6B5E53 0%, #564b42 100%);background:linear-gradient(135deg, #6B5E53 0%, #564b42 100%);color:#474340;color:#b0aaa6;color:#f6f4f3;padding:1.2em !important;border:1px solid #f6f4f3;color:#f6f4f3;font-size:24px;text-align:center}@media (min-width: 568px) and (max-width: 1024px){.column{padding-top:1.4em !important;font-size:18px}}@media (min-width: 420px) and (max-width: 768px){.column{padding-top:2.2em !important;font-size:14px}}@media (min-width: 0) and (max-width: 568px){.column{padding:1.2em !important;font-size:24px}}.column .column{background:#a9db80;background:-moz-linear-gradient(-45deg, #b0aaa6 0%, #8d8885 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, #b0aaa6), color-stop(100%, #8d8885));background:-webkit-linear-gradient(-45deg, #b0aaa6 0%, #8d8885 100%);background:-o-linear-gradient(-45deg, #b0aaa6 0%, #8d8885 100%);background:-ms-linear-gradient(-45deg, #b0aaa6 0%, #8d8885 100%);background:linear-gradient(135deg, #b0aaa6 0%, #8d8885 100%);color:#474340;color:#b0aaa6;color:#f6f4f3}.column .column .column{background:#a9db80;background:-moz-linear-gradient(-45deg, #d3ccc7 0%, #a9a39f 100%);background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, #d3ccc7), color-stop(100%, #a9a39f));background:-webkit-linear-gradient(-45deg, #d3ccc7 0%, #a9a39f 100%);background:-o-linear-gradient(-45deg, #d3ccc7 0%, #a9a39f 100%);background:-ms-linear-gradient(-45deg, #d3ccc7 0%, #a9a39f 100%);background:linear-gradient(135deg, #d3ccc7 0%, #a9a39f 100%);color:#474340;color:#b0aaa6;color:#f6f4f3}.show_hide_container{position:relative;padding:0 0px 0 0;float:left;width:50%;margin-bottom:3em;border:1px dashed #c5c3c2}@media screen and (max-width: 568px){.show_hide_container{width:100%}}.show_hide_container:after{content:"";display:table;clear:both}.show_hide_container .column{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.show_hide_label{padding:1em 3em;color:#c5c3c2;font-size:24px;text-align:center}.sass{position:absolute;top:5px;right:5px;padding:4px;background:#f6f4f3;color:#6B5E53;font-size:12px;font-weight:bold;text-align:left;font-family:"Questrial",Helvetica,Arial,sans-serif;border-radius:2px}.row>.sass{background:#dddcdb}.demo{clear:both;margin:1em 0 3em}.demo:after{content:"";display:table;clear:both}.demo div{padding:2em;border:2px solid #f6f4f3}.demo h5{margin:0 0 .4em;font-size:1em}.sidebar{padding:0 0px 0 0;float:left;width:25%;background:#e5ddd8}@media screen and (max-width: 568px){.sidebar{width:100%}}.main{padding:0 0px 0 0;float:left;width:50%;background:#fff}@media screen and (max-width: 568px){.main{width:100%}}.sub_col{padding:0 0px 0 0;float:left;width:25%;background:#8d8885}@media screen and (max-width: 568px){.sub_col{width:100%}}footer{margin:3em 0 0;padding:5em 0;background:#333;color:#f6f4f3}footer h4{margin:0}.footer_container{margin:auto;width:1024px}@media (max-width: 1024px){.footer_container{width:90%;padding:0 0 0 0px}}.footer_container:after{content:"";display:table;clear:both}.footer_container div{padding-right:30px}header{clear:both;height:500px}header:after{content:"";display:table;clear:both}nav{position:fixed;top:0;left:0;right:0;text-align:right;padding:0.3em 1em .7em;background:#4b423a;border-bottom:2px solid #f6f4f3;z-index:1000}nav a{margin:0 1em;font-family:"Questrial",Helvetica,Arial,sans-serif;text-transform:uppercase;color:#f6f4f3}nav a:hover{color:#ffa480}ul{clear:both}li{margin:1em 0}.title{float:left;font-family:"Trocchi",Georgia,Garamond,serif;font-size:1.3em;line-height:1.4em;text-align:left;text-transform:lowercase}.links{margin-top:5px}@media (max-width: 768px){.links{display:none}}@media (min-width: 0) and (max-width: 768px){.links{margin-top:4em;text-align:left}.links a{display:block;margin:1em}}.links.visible{display:block}.mobile_nav_toggle{display:none;position:absolute;top:10px;right:10px;color:#f6f4f3;cursor:pointer;font-size:0}@media (max-width: 768px){.mobile_nav_toggle{display:block}}.mobile_nav_toggle:hover{color:#f96d55}.mobile_nav_toggle:before{margin:0 .7em;content:'\e802';font-family:"iconfont";font-size:22px}.download{background:#f96d55;margin:-.3em 0;padding:.3em .6em;border-radius:2px}.download:hover{background:#f6f4f3}.codepen,.github{font-size:0}@media (min-width: 0) and (max-width: 768px){.codepen,.github{font-size:1em}}.codepen:before,.github:before{margin:0 .7em;content:'\e800';font-family:"iconfont";font-size:16px}@media (min-width: 0) and (max-width: 768px){.codepen:before,.github:before{margin:0 .6em 0 0}}.github:before{content:'\e801'}body::before{top:60px}.browser_width_indicator{position:absolute;top:60px;right:100px;padding:.4em;font-size:24px;background:#b0aaa6;color:#6B5E53;text-transform:uppercase}@media (max-width: 568px){.browser_width_indicator{font-size:16px}}@media (max-width: 420px){.browser_width_indicator{font-size:12px}}.masthead{padding:0 0px 0 0;float:left;width:44.44444%;padding:0 0px 0 0;float:left;padding:0 0px 0 0;float:left;padding:9em 0;height:100%}@media screen and (max-width: 568px){.masthead{width:100%}}@media (max-width: 1024px){.masthead{width:66.66667%}}@media (max-width: 568px){.masthead{width:100%}}.tooltip_trigger{position:relative;display:inline-block;padding:1em;margin:-1em;color:#f96d55;cursor:pointer}.tooltip_trigger:hover{color:#ae4c3c}.tooltip{position:absolute;left:30px;top:20px;width:260px;padding:1.3em;background:#f96d55;color:#f6f4f3;border-radius:2px;display:none;font-size:.6em;line-height:1.2em}.tooltip h6{color:#f6f4f3}.tooltip p{text-transform:none;font-family:"Trocchi",Georgia,Garamond,serif;font-size:1.4em;line-height:1.2em}.stripe{height:100%}@media (max-width: 568px){.stripe{display:none}}.stripe:nth-of-type(2){padding:0 0px 0 0;float:left;width:5%;background:#e5ddd8}@media screen and (max-width: 568px){.stripe:nth-of-type(2){width:100%}}.stripe:nth-of-type(3){padding:0 0px 0 0;float:left;width:3.33333%;margin-left:2%;background:#4b423a}@media screen and (max-width: 568px){.stripe:nth-of-type(3){width:100%}}@media (max-width: 568px){.stripe:nth-of-type(3){margin-left:0}}.stripe:nth-of-type(4){padding:0 0px 0 0;float:left;width:4%;margin-left:3.33333%;background:#c5c3c2}@media screen and (max-width: 568px){.stripe:nth-of-type(4){width:100%}}@media (max-width: 568px){.stripe:nth-of-type(4){margin-left:0}}@media (max-width: 1024px){.stripe:nth-of-type(4){display:none}}.stripe:nth-of-type(5){padding:0 0px 0 0;float:left;width:10%;background:#e0624d}@media screen and (max-width: 568px){.stripe:nth-of-type(5){width:100%}}.stripe:nth-of-type(6){padding:0 0px 0 0;float:left;width:5%;margin-left:2.5%;background:#4b423a}@media screen and (max-width: 568px){.stripe:nth-of-type(6){width:100%}}@media (max-width: 568px){.stripe:nth-of-type(6){margin-left:0}}.stripe:nth-of-type(7){padding:0 0px 0 0;float:left;width:3.33333%;background:#acabaa}@media screen and (max-width: 568px){.stripe:nth-of-type(7){width:100%}}.stripe:nth-of-type(8){padding:0 0px 0 0;float:left;width:3.33333%;margin-left:5%;background:#ff785e}@media screen and (max-width: 568px){.stripe:nth-of-type(8){width:100%}}@media (max-width: 568px){.stripe:nth-of-type(8){margin-left:0}}@media (max-width: 1024px){.stripe:nth-of-type(8){display:none}}.stripe:nth-of-type(9){padding:0 0px 0 0;float:left;width:8.33333%;background:#8b7a6c}@media screen and (max-width: 568px){.stripe:nth-of-type(9){width:100%}}@media (max-width: 1024px){.stripe:nth-of-type(9){display:none}}.banner_container{clear:both;background:#fff;color:#4b423a;border-top:5px solid #6B5E53;border-bottom:5px solid #6B5E53}.banner_container:after{content:"";display:table;clear:both}.features{margin:auto;width:1024px;padding:3em 0}@media (max-width: 1024px){.features{width:90%;padding:0 0 0 0px}}.features:after{content:"";display:table;clear:both}.features a:hover{color:#954133}.feature{padding:0 0px 0 0;float:left;width:33.33333%;padding:0 0px 0 0;float:left;text-align:center;padding:20px}@media screen and (max-width: 568px){.feature{width:100%}}@media (max-width: 1024px){.feature{width:100%}}.feature h4{font-size:1.2em}table{width:100%;text-align:center}th,td{padding:.6em .8em;border:1px solid #b0aaa6}.full{padding:0 0px 0 0;float:left;width:100%}@media screen and (max-width: 568px){.full{width:100%}}.span-1{padding:0 0px 0 0;float:left;width:8.33333%}@media screen and (max-width: 568px){.span-1{width:100%}}.span-2{padding:0 0px 0 0;float:left;width:16.66667%}@media screen and (max-width: 568px){.span-2{width:100%}}.span-3{padding:0 0px 0 0;float:left;width:25%}@media screen and (max-width: 568px){.span-3{width:100%}}.span-4{padding:0 0px 0 0;float:left;width:33.33333%}@media screen and (max-width: 568px){.span-4{width:100%}}.span-5{padding:0 0px 0 0;float:left;width:41.66667%}@media screen and (max-width: 568px){.span-5{width:100%}}.span-6{padding:0 0px 0 0;float:left;width:50%}@media screen and (max-width: 568px){.span-6{width:100%}}.span-7{padding:0 0px 0 0;float:left;width:58.33333%}@media screen and (max-width: 568px){.span-7{width:100%}}.span-8{padding:0 0px 0 0;float:left;width:66.66667%}@media screen and (max-width: 568px){.span-8{width:100%}}.span-9{padding:0 0px 0 0;float:left;width:75%}@media screen and (max-width: 568px){.span-9{width:100%}}.span-10{padding:0 0px 0 0;float:left;width:83.33333%}@media screen and (max-width: 568px){.span-10{width:100%}}.span-11{padding:0 0px 0 0;float:left;width:91.66667%}@media screen and (max-width: 568px){.span-11{width:100%}}.span-12{padding:0 0px 0 0;float:left;width:100%}@media screen and (max-width: 568px){.span-12{width:100%}}.one-half{padding:0 0px 0 0;float:left;width:50%}@media screen and (max-width: 568px){.one-half{width:100%}}.one-third{padding:0 0px 0 0;float:left;width:33.33333%}@media screen and (max-width: 568px){.one-third{width:100%}}.two-third{padding:0 0px 0 0;float:left;width:66.66667%}@media screen and (max-width: 568px){.two-third{width:100%}}.one-sixth{padding:0 0px 0 0;float:left;width:16.66667%}@media screen and (max-width: 568px){.one-sixth{width:100%}}.one-fourth{padding:0 0px 0 0;float:left;width:25%}@media screen and (max-width: 568px){.one-fourth{width:100%}}.one-eighth{padding:0 0px 0 0;float:left;width:12.5%}@media screen and (max-width: 568px){.one-eighth{width:100%}}.three-tenths{padding:0 0px 0 0;float:left;width:30%}@media screen and (max-width: 568px){.three-tenths{width:100%}}.two-fifths{padding:0 0px 0 0;float:left;width:40%}@media screen and (max-width: 568px){.two-fifths{width:100%}}.three-fifths{padding:0 0px 0 0;float:left;width:60%}@media screen and (max-width: 568px){.three-fifths{width:100%}}.seven-fortieths{padding:0 0px 0 0;float:left;width:17.5%}@media screen and (max-width: 568px){.seven-fortieths{width:100%}}.twenty-five-percent{padding:0 0px 0 0;float:left;width:25%}@media screen and (max-width: 568px){.twenty-five-percent{width:100%}}.point-two-five{padding:0 0px 0 0;float:left;width:25%}@media screen and (max-width: 568px){.point-two-five{width:100%}}.point-four{padding:0 0px 0 0;float:left;width:40%}@media screen and (max-width: 568px){.point-four{width:100%}}.point-six{padding:0 0px 0 0;float:left;width:60%}@media screen and (max-width: 568px){.point-six{width:100%}}.seventy-five-percent{padding:0 0px 0 0;float:left;width:75%}@media screen and (max-width: 568px){.seventy-five-percent{width:100%}}.push-left-one-sixth{margin-left:16.66667%}@media (max-width: 568px){.push-left-one-sixth{margin-left:0}}.push-right-one-sixth{margin-right:16.66667%}@media (max-width: 568px){.push-right-one-sixth{margin-right:0}}.full-md{padding:0 0px 0 0;float:left;padding:0 0px 0 0;float:left}@media (min-width: 568px) and (max-width: 1024px){.full-md{width:66.66667%}}@media (max-width: 568px){.full-md{width:100%}}.half-sm{padding:0 0px 0 0;float:left;padding:0 0px 0 0;float:left}@media (min-width: 568px) and (max-width: 1024px){.half-sm{width:33.33333%}}@media (max-width: 568px){.half-sm{width:50%}}.push-left-md{margin-left:33.33333%}@media (max-width: 568px){.push-left-md{margin-left:0}}@media (min-width: 568px) and (max-width: 1024px){.push-left-md{margin-left:16.66667%}}@media (max-width: 568px){.push-left-md{margin-left:0%}}.push-right-md{margin-right:33.33333%}@media (max-width: 568px){.push-right-md{margin-right:0}}@media (min-width: 568px) and (max-width: 1024px){.push-right-md{margin-right:16.66667%}}@media (max-width: 568px){.push-right-md{margin-right:0%}}@media (max-width: 768px){.breakpoint-min{background:#eba}}@media (min-width: 568px) and (max-width: 1024px){.breakpoint-both{background:#eba}}@media (min-width: 768px) and (max-width: 1280px){.breakpoint-max{background:#eba}}.row{clear:both;position:relative;margin-bottom:3px;border:1px dashed #333}.row:after{content:"";display:table;clear:both}.swap{float:right}.hidden{display:none}@media (max-width: 1024px){.show{display:block}}@media (max-width: 768px){.hide{display:none}}