.logo-container .content-loading{
    background: none;
}

.content-loading {
    width: 100%;
    height: 100%;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    z-index: 10;
}

.loading-container{
    background: greenyellow;
    min-width: 100%;
    min-height: 100vh;
}

.business-logo-loading {
    text-align:center;
}

.logo {
    width: 15vw;
    height: 15vw;
}

.animation-logo {
    animation: pulse 4s forwards infinite;
}

.loading{
    clip-path: padding-box circle(12% at 0% 0%);
    -webkit-clip-path: circle(12% at 0% 0%);
    -webkit-mask-clip: padding-box;
    width: 80%;
    height: 80%;
    border: solid;
    border-radius: 50%;
    position: absolute;
}

.text {
    display: inline-block;
    width: 100%;
    min-height: 3.5vh;
    margin-top: 2vh;
    text-shadow: 2px 2px darkblue;
}

.percent{
    display: none;
    height: 2vh;
    width: 100%;
}

@keyframes pulse {
    0% { opacity: 1; transform: scale(0.5); }
    5%{ opacity: 0.4; }
    50%{ opacity: 1; transform: scale(1);}
    95%{ opacity: 0.4;  }
    100% { opacity: 1; transform: scale(0.5); }
}

.business-logo-loading{
    width: 100%;
    height: 100%;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.screen-loading{
    position: absolute;
    background: rgba(255,255,255,0.75);
}

.screen-loading .logo{
    width:80%;
    height: 80%;
    opacity: 0;
}