body {
    background-color: background-color: rgb(252, 252, 253);
}

.center-div {
    position: absolute;
    margin: auto;
    top: 16%;
    right: 0;
    left: 0;
    width: 80%;
    text-align: center;
}

.bg-div {
    top: 20%;
}

    .bg-div img {
        opacity: 0.03;
        width: 100%;
    }

.btn-blue {
    background-color: #0062b4;
    border-color: #0062b4;
}
    .btn-blue:hover {
        background-color: #005093;
        border-color: #005093;
    }
.codeStatus {
    font-size: 16vw;
    color: #005093;
    margin:0;
}

.codeTitle {
    font-size: smaller;
    color: gray;
}

.labelLogo {
    width: 40%;
    padding: 10px 25px;
    border-radius: 0 0 1rem 1rem;
    box-shadow: 0 0 3px 1px #cacaca;
    background-color: white;
}

@media (min-width: 768px) {
    .codeStatus {
        font-size: 12vw;
    }

    .codeTitle {
        font-size: medium;
    }

    .bg-div img {
        width: 60%;
    }

    .labelLogo {
        width: 25%;
    }
}

@media (min-width: 992px) {
    .codeStatus {
        font-size: 6vw;
    }

    .bg-div img {
        width: 30%;
    }

    .labelLogo {
        width: 12%;
        padding: 15px 25px;
    }
}