body {
    font-display: swap;
    color: #111
}

body a {
    color: #111
}

body a:hover {
    color: #111;
    text-decoration: none
}

header p {
    margin-top: 10px
}

body {
    background-size: 500px 500px;
    background-color: #fff
}


.im-radont {
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-top: 1.5rem
}

.home-tile h2 {
    font-size: 1.5rem;
    margin-bottom: 0;
    margin-top: -5px
}

.home-tile p {
    text-align: left
}

.home-tile a {
    padding-top: 20px;
    display: block
}

footer, footer a {
    font-size: .9em;
    color: #777
}

#prg-review {
    font-size: 1.3em
}

.im-subtitle {
    font-size: 1.5rem;
    margin-top: 8px
}

@media (max-width: 991.98px) {
    .im-radont {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        max-width: 100%;
        border-radius: 0 0 10px 10px
    }

    .im-subtitle {
        font-size: 1.2em
    }

    #head-title p {
        margin-bottom: 9px
    }

}

@media (max-width: 575.98px) {
    .row {
        margin-left: 0;
        margin-right: 0
    }
}

.text-limit-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.text-limit-1 {
    -webkit-line-clamp: 1
}

@keyframes load {
    0% {
        width: 0
    }
}

#main-container {
    opacity: .99
}

@media (max-width: 575px) {
    #prg-review {
        font-size: 1em
    }

    #main-container > .container {
        padding: 0
    }

    .im-subtitle {
        margin-top: 4px;
        margin-bottom: 6px
    }
}

@media (max-width: 991.98px) {
    #prg-main {
        margin-top: 5px
    }
}
.home-tile.article-tile a {
    padding-top: 7px
}