.margintop{
  margin-top:20px;
}
.logo-bar{display:flex;flex-wrap:wrap;justify-content:space-around;text-align:center;margin-top:-20px;margin-bottom:-20px}.logo-bar__item{display:inline-block;vertical-align:middle;margin:20px var(--column-gap-width-half)}@media screen and (max-width:767px){.logo-bar__item{max-width:100px}}.logo-bar__item img{max-width:100%;margin:0 auto;width:100%;height:auto}


.logo-bar__item{
  position:relative;
} 


/* Tooltip text */
.logo-bar__item  .tooltiptext {
    visibility: hidden;
    width: 250px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -120px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow */
.logo-bar__item  .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.logo-bar__item :hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

 @media (max-width:768px){
    .logo-bar__item:active .tooltiptext {
    visibility: visible;
    opacity: 1;
}
 }