When using @media screen and (min-width: 1920px), the style is not applied until the min-width is changed to 1396px on a 1920x1080 screen. Despite accounting for the scroll bar size, the issue persists.
It seems unlikely that any other CSS is overriding this block, as it is the last one in the file.
CSS:
The default styling for h1 element:
h1 {
font-family: 'leaguegothic';
color: #d2ff00;
position: absolute;
left: 0;
top: 0;
margin-left: 25%;
margin-top: 40vh;
font-weight: 100;
}
The override for screens with a width of 1920px or more:
@media screen and (min-width: 1920px) {
h1 {
font-size: 200pt;
font-style: italic;
line-height: 50pt;
}
}
HTML:
<h1>CREATIVE<br>DIGITAL<br>DESIGN</h1>
Full Source Code: