html {
    padding: 30px !important;
}

.bg-ceva {
    background-color: #017ea9 !important;
    border-bottom-right-radius: 500px;
}

@media screen and (max-width: 500px) {
    .bg-ceva {
        border-bottom-right-radius: 300px;
    }
}

.img-br {
    position: absolute;
    bottom: 6%;
    right: 2%;
    height: 125px;
    width: 125px;
}

@media screen and (max-width: 1440px) {
    .img-br {
        bottom: 7%;
        right: 3%;
    }
}

@media screen and (max-width: 1024px) {
    .img-br {
        bottom: 7%;
        right: 6%;
        height: 110px;
        width: 110px;
    }
}

@media screen and (max-width: 768px) {
    .img-br {
        bottom: 7%;
        right: 7%;
    }
}

@media screen and (max-height: 500px) {
    .img-br {
        bottom: 7%;
        right: 5%;
        height: 100px;
        width: 100px;
    }
}

@media screen and (max-width: 500px) {
    .img-br {
        bottom: 7%;
        right: 5%;
        height: 75px;
        width: 75px;
    }
}

.spinner {
    opacity: 0;
    display: none;
    width: 20px;
    height: 10px;
    -webkit-transition: opacity 0.25s, max-width 0.45s;
    -moz-transition: opacity 0.25s, max-width 0.45s;
    -o-transition: opacity 0.25s, max-width 0.45s;
    transition: opacity 0.25s, max-width 0.45s;
    right: 20%;
    position: absolute;
}

.has-spinner.active {
    cursor: progress;
}

    .has-spinner.active .spinner {
        display: inline-block;
        opacity: 1;
        max-width: 50px;
    }