* { /*font-family: "source-sans-pro";*/}               
        .map { position: relative; margin: 0 auto; width: 750px; height: 500px;}
        .tall { height: 750px; width: 550px; }
        .examples h3 { margin-bottom: 0; }
        .options { position: relative; overflow:hidden; max-height: 21px; -webkit-transition: max-height 250ms ease-in; transition: max-height 250ms ease-in; -moz-transition: max-height 250ms ease-in; }
        .options pre { margin-top: 10px; }
        .options:hover { background-color: #DDD; cursor: pointer; }
        .options pre:hover { cursor: default;}
        .open { max-height: 5000px !important; }
        .options:after {content: "(Click to toggle code) ?"; color: #666; float: right; position: absolute; right: 10px; top: 10px; }
        #footer { padding: 10px 0; text-align: center; }
        sup.new { color: red; }
        @media (max-width: 980px) {
          .heading {font-size: 40px; line-height: 40px; margin-top: 50px; }
          .options { max-height: 45px; }
          .options pre { margin-top: 35px; }
          .options:after { content: "?"; top: 40px; }
          .map { width: 100%; height: 300px;}
        }



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */