/* Your CSS codes here */

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.align-right {
    text-align: right;
}

.align-top_right {
    text-align: right;
    vertical-align: top;
}

.align-left {
    text-align: left;
    margin-right: 0px;
}

.align-top_left {
    text-align: left;
    vertical-align: top;
}

.align-center {
    text-align: center;
    align-content: center;
}

.align-top_center {
    text-align: center;
    vertical-align: top;
}

.align-justify {
    text-align: justify;
}

.width200 {
    width: 200px;
}

.fontsize0 {
    font-size: x-large;
}

.fontsize1 {
    font-size: xx-large;
    font-weight: bold;
    padding-bottom: 35px;
}

.centered0 {
    margin: 0 auto;
    float: none !important;
    display: block;
}

.centered1 {
    margin: 0 auto;
    float: none !important;
    display: table;
}

/* If the screen size is 600px wide or less, hide the element */
@media screen and (max-width: 600px) {
    .sakrij-kad-je-malo {
        display: none;
    }

    .sakrij-kad-je-veliko {
        display: inline;
    }
}

.sakrij-kad-je-veliko1 {
    display: none;
}

/* If the screen size is 992px wide or less, hide the element */
@media screen and (max-width: 992px) {
    .sakrij-kad-je-malo1 {
        display: none;
    }

    .sakrij-kad-je-veliko1 {
        display: inline;
    }
}