body {
    background-color: white;
    }
 
    body.screen_low {
      font-size: 14px;
    }
    
    body.screen_medium {
      font-size: 16px;
    }
    
    body.screen_high {
      font-size: 19px;
    }
    
    body.screen_wide {
      font-size: 21px;
    }
    
    #container {
      margin: 2em auto;
      padding: 1em;
      width: 35.5em;
    }
 
    * html #container {
      width: 36.5em;
      w\idth: 35.5em;
    }
 
    #head {
     font-size: 1.8em;
     font-weight: bold;
     margin: 0 auto;
     width: 21em;
    }
 
    #titleLogoShort {
     font-size: 2.6em;
     line-height: 0.92em;
     font-weight: bold;
     margin-right: 0.4em;
     float: left;
    }
 
    #titleLogoLong {
     font-size: 1.8em;
     font-weight: bold;
    }
 
    #titleImage {
      text-align:center;
      clear: both;
    }
 
    #titleImage img {
      display: none;
    }
 
    body.screen_low #titleImage #low {
      display: inline;
    }
 
    body.screen_medium #titleImage #medium {
      display: inline;
    }
 
    body.screen_high #titleImage #high {
      display: inline;
    }
 
    body.screen_wide #titleImage #wide {
      display: inline;
    }
 
    #titleName {
      font-size: 1.65em;
      font-weight: bold;
      letter-spacing: 0.04em;
      word-spacing: 0.15em;
      color: #14429e;
      text-align: center;
      margin: 1em 0 0.5em 0;
    }
 
    #titleName img {
      vertical-align: middle;
      margin-right: 0.3em;
    }
    
    #titleInfo {
      color: #14429e;
    }
    
    #titleInfo img {
      vertical-align: middle;
    }