.hidden {
    display: none;
    transition: 0.5s all;
}

.footer-logo {
    height: 50px;
    width: auto;
    margin-left:auto;
    margin-right: auto;
}

#sign-form {
    transition: 0.5s all;
}

#sign-info {
    transition: 0.5s all;
}

#signin-logo {
    display: block;
    width: 350px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.stats-icon {
    font-size: 3.30rem;
    float: left;
    border: 4px solid;
    border-radius: 50%;
}

.stats-header {
    float: right;
    text-transform: uppercase;
}

.stats-number {
    font-size: 2.5rem;
    font-weight: bold;
    float: right;
}

#stats-healed {
    padding: 20px;
    color: #55AB26;
    border-color: #55AB26;
}

#stats-deceased {
    padding: 20px;
    padding-left: 28px;
    padding-right: 28px;
    color: gray;
    border-color: gray;
}

#stats-positive {
    padding: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fd7e14;
    border-color: #fd7e14;
}

#stats-positive-pacients {
    padding: 20px;
    color: #c51d1d;
    border-color: #c51d1d;
}

#stats-tip {
    padding: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #6610f2;
    border-color: #6610f2;
}

#stats-done {
    padding: 20px;
    padding-right: 27px;
    padding-left: 27px;
    color: #e83e8c;
    border-color: #e83e8c;
}

#stats-clock {
    padding: 20px;
    padding-right: 27px;
    padding-left: 27px;
    color: #f6c23e;
    border-color: #f6c23e;
}

#stats-vlozeneodbery {
    padding: 20px;
    padding-right: 27px;
    padding-left: 27px;
    color: #156333;
    border-color: #156333;
}

#stats-nixzd {
    padding: 20px;
    padding-right: 27px;
    padding-left: 27px;
    color: #007BFF;
    border-color: #007BFF;
}

@media (max-width: 768px) {
    #kontakt {
        display: none;
    }
}