Try it Live

​x
 
<!DOCTYPE html>
<html>
 <head>
  <style>
  .portrait-MQ {
    font-family:tahoma;
    -webkit-text-stroke:1.3px black;
    -webkit-text-fill-color:white;
  }
  
  @media (orientation:portrait) {
     .portrait-MQ {
       -webkit-text-fill-color:gold;
     }
   }
  </style>
 </head>
 <body>
  <h3>Resize your browser window to understand it.</h3>
  <div class="portrait-MQ"><h2>CSS Media Query Orientation Portrait Property</h2></div>
 </body>
</html>
​