a.tip {
    text-decoration      : none;
 }
 
 a.tip:hover {
    position             : relative;
 }
 
 a.tip span {
    display              : none
 }
 
 a.tip:hover span {
    background           : #000000;
    opacity              : 0.8;
    border               : none;
    border-radius        : 5px 5px 5px 5px;
    font-family          : calibri, verdana, arial, comic sans;
    font-size            : 9pt;
    text-decoration      : none;
    white-space          : nowrap;
    color                : #FFFFFF;
    padding              : 5px 5px 5px 5px;
    margin               : 10px;
    display              : block;
    z-index              : 50; 
    position             : absolute;
    top                  : 12px;
 }

 @media (min-width: 992px) {
   .custom-width {
      max-width: 60%;
   }
}