/* style.css
 * Файл содержитт исправления основных стилей, все фиксы должны содержаться в нем!
 * Стили должны идти последовательно, медиа стили должны находится в одном медиа блоке,
 * в файле не должно быть 2 одинаковых медиаблока
*/

.animated {
    animation-fill-mode: backwards !important; 
}

.cats__img_wrap--post {
    text-align: center;
}

/* Десктопные стили : Начало */

.fullscreen {
    height: calc(100vh - 185px - 335px);
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Font */
    font-size: 32px;
    line-height: 1;
    font-weight: 800;
}

/* Десктопные стили : Конец */

/* Планшетные стили : Начало */

@media all and (max-width: 1199px) {

    .fullscreen {
        height: calc(100vh - 75px - 475px);
        font-size: 28px;
    }

}

/* Планшетные стили : Конец */

/* Мобильные стили : Начало */

@media all and (max-width: 768px) {

    .fullscreen {
        height: calc(100vh - 85px - 360px);
        font-size: 20px;
        font-weight: 400;
    }

}

/* Мобильные стили : Конец */