.reference {
}

/* reference text */
.reference .referencetext {
    visibility: hidden;
    background-color: gray;
    color: #fff;
    text-align: left;
    padding: 0.06rem 0.625;                    // 1px 10px;
    border-radius: 0.375rem;                   // 6px;
    left: 0rem;                                // 0px;
    top: 5.625rem;                             // 90px; 
    position: fixed; 
    font: 1.6rem calibri, sans-serif;          // 25px calibri, sans-serif;
    width: 44rem;                              // 700px;
    z-index: 1;
    //transition: 3s; // programmatically turn on in Javascript for PC
}

/* Show the reference text when you mouse over the reference container */
.reference:hover .referencetext {

    visibility: visible;
}

/* Show the reference text when you mouse over the reference container */
.reference:focus .referencetext {
    visibility: visible;
}