.tree-map {
                position:relative;
            margin-bottom:1.5em;
            margin-top:1.5em;
            min-height:650px;

        }

    .node {
            position:absolute;
        opacity:.65;

    }

    .node:hover {
       opacity:1;

    }



.spacer {
        height:300px;
}

.description {
        font-size:1.25em;
}

  .ui-tooltip, .arrow:after {
    background: #fff;
    border: 2px solid white;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: #000;
    border-radius: 20px;
    width:10%;
    text-align:center;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    box-shadow: 0 0 7px black;
  }



#basic-stats {
        margin-bottom:5em;
}

.legend {
        margin-top:2em;
        margin-bottom:2em;
}

.syns {
       float:left;
        width:150px;
        height:25px;
        background:rgb(93, 178, 177);
        margin-bottom:1.5em;
}

.h-point {
        float:left;
        width:150px;
        height:25px;
        background:rgb(255, 233, 121);
         margin-bottom:1.5em;
}

.auto {
        float:left;
        width:150px;
        height:25px;
        background:rgb(178, 85, 155);
         margin-bottom:1.5em;
}

.legend p {
        float:left;
        margin-top:.25em;
        padding-top:0;
        margin-bottom:1.5em;
        margin-left: 1em;
        font-weight:bold;
        vertical-align:top;
}

.clearfix {
        clear:both;
}