@media (orientation: portrait) {     
  .comsH{
    font-weight: bold;
    text-align: center;
    color: yellowgreen;
  }        
  .comsH2{
    letter-spacing: 20px;
    font-size: 5.0rem;}
  .comsH3{
        font-size: 1.5rem;}
  .comsH1{    font-size: 7.0rem;}
  .comsList{ 
    font-size: 2.0rem;
    padding-left:50px;
    padding-right:50px}
  .comsDivQ{padding-bottom: 50px;}
  .comsQ{height:60px;}
  .comsSep1{height:100px;display: block;}
}
@media (orientation: landscape) {     
  .comsH{
    font-weight: bold;
    text-align: center;
    color: white;
  }        
  .comsH2{
    letter-spacing: 0px;
    font-size: 3rem;}
  .comsH3{
      font-size: 1.0rem;}
  .comsH1{    font-size: 2.25rem;color:yellowgreen}
  .comsList{ 
    font-size: 1.5rem;
    padding-left:0px;
    padding-right:0px}
  .s3TitleSub{
    font-size: 1.25rem;
  }
  .comsQ{padding-bottom: 5px;}
  .comsDivQ{padding-bottom: 25px;}
  .comsSep1{height:0px;display: none;}
}