.client-logo {
     border-radius: 5px;
     box-sizing: border-box;
     display:flex;
     align-items:center;
     justify-content:center;
}

     .client-logo img {
          border-radius: 5px;
          box-sizing: border-box;
     }

          .client-logo img.app {
               height: 50px;
          }

          .client-logo img.small {
               height: 52px;
          }

          .client-logo img.large {
               height: 150px;
          }

.app-logo img {
     width: 200px;
     content: url("/img/riskosclaro.png");
}

.app-logo .logo-sub {
     font-family: robotocondensed-regular;
     font-size: 9pt;
     opacity: .75;
     text-align: center;
}

.app-logo .logo-by {
     font-family: roboto-italic;
     font-size: 7pt;
     opacity: .5;
     text-align: center;
}

.app-logo-large img {
     width: 200px;
     content: url("/img/riskosclarolarge.png");
}

.darkmode .app-logo img {
     content: url("/img/riskososcuro.png");
}


.darkmode .app-logo-large img {
     content: url("/img/riskososcurolarge.png");
}

.app-logo-small  {
     display:flex;
     justify-content:center;
     padding: 20px;
}

.app-logo-small img {
     width: 80px;
     content: url("/img/riskosclaro.png");
}

.darkmode .app-logo-small img {
     content: url("/img/riskososcuro.png");
}