I want to set custom top margins of text items for 4K screens. 

In the following example, I want the texts to never overlap the red area of the background image: 
https://www.thomaswalravens.com/web_test/

Text A (Custom Heading element) and Text B (Gradient Text element) are into 2 respective columns within a Full Height Row (note that this row uses the vc_hidden-xs and vc_hidden-sm extra class names).

For Text A, I tried to set a custom ID "text_a" in the Custom Heading Settings and tried the following custom CSS in the Page Settings (didn't work): 

@media screen and (min-width: 2437px) {
    .text_a {
        margin-top: -500px !important;
    }
}

For Text B, I cannot define a custom ID and have no perspective of solutions at all. 

Any idea how to achieve this ? 

Thank you for reading me. 

Thank you for you swift answer Tahir. 

Unfortunately, I must achieve it on the layout provided in the example. 

At first sight, Salient allows me to set the margins of certain items for specific screen sizes (desktop, tablet, smartphone). 
Here, I am trying to set the custom margins of certain items for a "custom" screen size.

Cheers,