Font family not showing on mobile - HELP NEEDED (CSS font for mobile)

Hello, 

This is our website: https://prikazkite.bg/
I have successfully changed "Детски приказки"' s font family with the following CSS:
.elementor-855 .elementor-element.elementor-element-6cec38 .elementor-heading-title {
    color: #ffffff;
    font-family: Sunday;
    font-size: 60px;
    font-weight: 700;
    -webkit-text-stroke-color: #00000042;
    stroke: #00000042;
    text-shadow: 0px 0px 10px #000000;
}

Unfortunately, this font is not reflected in the mobile version.
I am trying to change the font family for that particular element with:

@media {
    .elementor-855 .elementor-element.elementor-element-6cec38 .elementor-heading-title {
font-family: Sunday;
}
}
    

But this CSS is not working. Can anyone help me???