Почему не применяются стили к блоку?

Question

[sul_evil]

<main>
<div class="main__welcome">
            <h1>WELCOME ON <span class="mycompany">MYCOMPANY</span></h1>
            <p>We are a digital agency with years of experience and with extraordinary people</p>
        </div>
</main>

@media screen and (max-width: 1020px) {
main .main__welcome {
        padding: 50px 0 50px 0;
    }
    main .main__welcome p {
        font-size: 14px;
    }
    main .main__welcome h1 {
        font-size: 26px;
    }
}

Не меняет размер шрифта и не применяются паддинги, в чем может быть причина? Заранее спасибо за помощь

Comments

[Rsa97]

Если взять только этот код, то всё применяется. Ищите проблему в другом месте.

Answer 1

[Дмитрий Беляев]

В медиа запросе дело, это же очевидно.