Hi all,

I'm not very well-versed with css so need some help here.

For the following ...

/*--------JOBS@OURSITE----------*/

p#jobscontent {font-size: 24px; font-family: Helvetica, Georgia, serif; color:#6c6c6c;text-shadow: 1px 1px 1px #ffffff;}
p#jobstitle {font-size: 72px; font-family: Helvetica, Georgia, serif; color:#6c6c6c; text-align:center;text-shadow: 1px 1px 1px #ffffff;}

/* == iPad/iPhone [portrait + landscape] == */
@media (max-width:989px),
(max-device-width:480px) and (orientation:landscape) {

p#jobscontent {font-size: 42px; font-family: Helvetica, Georgia, serif; color:#6c6c6c;text-shadow: 1px 1px 1px #ffffff;}
p#jobstitle {font-size: 86px; font-family: Helvetica, Georgia, serif; color:#6c6c6c; text-align:center;text-shadow: 1px 1px 1px #ffffff;}

@media (max-width:989px),
(min-device-width:481px) and (orientationortrait) {
.body-wrap {width:100%; padding:0;}
p#jobscontent {font-size: 42px; font-family: Helvetica, Georgia, serif; color:#6c6c6c;text-shadow: 1px 1px 1px #ffffff;}
p#jobstitle {font-size: 86px; font-family: Helvetica, Georgia, serif; color:#6c6c6c; text-align:center;text-shadow: 1px 1px 1px #ffffff;}
}}

Am I doing it right to specify that if it's on an iDevice, for p#jobscontent & p#jobstitle let it be font size 42 and 86 respectively and on the normal desktop, 24 and 72?

If not, what do I need to correct?

Tks!