#spinner-green { visibility: hidden; }

.my-class .bar {
    background: orange;
}

body {
    background-color: #000000;
}

.tb-common {
    // background-color: #ffffff;
}

.logo {
    width: 40px;
    height: 40px;
    background-color: #000000;
    text-align: center;
    color: #ffffff;
    font-size: 18pt;
    font-weight: bold;
    float: left;
    position: relative;
    margin-right: 10px;
}

@media all and (max-width: 1023px) and (min-width: 0px) {
    body { font-size: 16pt; }
    th { font-size: 18pt; }
    td { font-size: 16pt; }
}

@media all and (min-width: 1024px) {
    body { font-size: 12pt; }
    th { font-size: 14pt; }
    td { font-size: 12pt; }

}

@media all and (max-width: 1023px) and (min-width: 0px) {

    .image {
        width: 0px;
        height: 0px;
        display: none;
    // background-image: url("../images/anton-golovin.jpg");
    // background-repeat: no-repeat;

    }
}

@media all and (min-width: 1024px) {

    .image {
        width: 500px;
        height: 665px;
       background-image: url("../images/anton-golovin.jpg");
       background-repeat: no-repeat;
       // opacity: 90%;

    }
}

@media all and (max-width: 1023px) and (min-width: 0px) {
    .first {
        width: 0px;
        height: 0px;
        display: none;
        // background-image: url("../images/first.jpg");
        // background-repeat: no-repeat;
    }
}

@media all and (min-width: 1024px) {
    .first {
        width: 500px;
        height: 638px;
        background-image: url("../images/first.jpg");
        background-repeat: no-repeat;
        // opacity: 90%;

    }
}



.tab-font-large { font-size: x-large; font-weight: normal; }

.nav-link {

    color: orange;

}