/* Tooltip container */
.tooltip2 {
    position: relative;
}

/* Tooltip text */
.tooltip2 .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #f1f1f1;
    color: #676767;
    text-align: center;
    padding: 10px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip2:hover .tooltiptext {
    visibility: visible;
}


.tooltip2 .tooltiptext {
    width: 60px;
    height: 40px
    top: 50%;
    left: -150%; 
    margin-left: -28px; /* Use half of the width (120/2 = 60), to center the tooltip */
    font-size: 9px;
    font-weight: 300;
    font-family: comments;
    text-transform: uppercase;
}