* { font-family: arial, sans-serif; }
      
      body { background-color: white; color: #333333; }
	  
	  @media screen and (min-width:800px) {
/* desktop */
      
      #logo { margin-top: -1em; position: relative; top: 2em; max-width: 300px; }
      
      .logo { font-size: 1.5em; color: #444444; margin-top: 120px;}
      
      input.text { font-size: 1em; border:1px solid #ccc;padding: 3px; }
	  
	  .butpesq { font-size: 11px; color: #444444; font-weight: bold; border:1px solid #d8d8d8; border-radius: 2px; padding: 5px; margin: 15px 0 0 15px; background-color: #f1f1f1;}
      
      #fake_mouse { position: absolute; top: -100px; left: -100px; }
      
      #instructions { margin-top: 20px; font-size: 1.1em; color: #666; width: 600; height: 54px; padding: 10px;}
      
      
      #link_placeholder { height: 90px; }
      
      #link { position: absolute; display: none; padding-bottom: 28px; }
      
      input.link { width: 312px; font-size: 1.2em; text-align: center; border: 1px solid #c2c9ff; color: #555555; background-color: #f4fbff; cursor: pointer; }
      
      #footer { color: #999999; padding-top: 0.5em; text-align: center; }
      #footer a { color: #999999; text-decoration: none; padding: 0 1em; }
      #footer a:hover { text-decoration: underline; }
      
      #about { margin-top: 0.5em; color: #666666; text-align: center; }
      
      #copyright { padding: 0.25em; text-align: center; font-size: 0.75em; color: #999; background-color: white; }
      
      #link_buttons, #link_message { position: absolute; display: none; }
      
      #link_message { z-index: 99; width: 332px; height: 32px; background: url("images/link.png"); color: black; line-height: 32px; text-align: center; font-size: 1em; }
      }
	  
	  @media screen and (max-width:799px) {
/* mobile */

      #logo { margin-top: -1em; position: relative; top: 2em; max-width: 300px; }
      
      .logo { font-size: 1.5em; color: #444444; margin-top: 10px;}
      
      input.text { font-size: 1em; border:1px solid #ccc;padding: 3px; width: 90%;}
	  
	  .butpesq { font-size: 11px; color: #444444; font-weight: bold; border:1px solid #d8d8d8; border-radius: 2px; padding: 5px; margin: 15px 0 0 15px; background-color: #f1f1f1;}
      
      #fake_mouse { position: absolute; top: -100px; left: -100px; }
      
      #instructions { margin-top: 20px; font-size: 1.1em; color: #666; width: 350; height: 54px; }
      
      
      #link_placeholder { height: 90px; }
      
      #link { position: absolute; display: none; padding-bottom: 28px; }
      
      input.link { width: 312px; font-size: 1.2em; text-align: center; border: 1px solid #c2c9ff; color: #555555; background-color: #f4fbff; cursor: pointer; }
      
      #footer { color: #999999; padding-top: 0.5em; text-align: center; }
      #footer a { color: #999999; text-decoration: none; padding: 0 1em; }
      #footer a:hover { text-decoration: underline; }
      
      #about { margin-top: 0.5em; color: #666666; text-align: center; }
      
      #copyright { padding: 0.25em; text-align: center; font-size: 0.75em; color: #999; background-color: white; }
      
      #link_buttons, #link_message { position: absolute; display: none; }
      
      #link_message { z-index: 99; width: 332px; height: 32px; background: url("images/link.png"); color: black; line-height: 32px; text-align: center; font-size: 1em; }
      }
	  
	  	  @media screen and (max-width:480px) {
/* mobile */

      #logo { margin-top: -1em; top: 2em; max-width: 300px;}
      
      .logo { font-size: 1.5em; color: #444444; margin-top: -35px;}
	  
	  .logobefore {float:left;margin-top: 30px;display:inline-block;}
	  
	  .logoafter {float:right;margin: 30px 0 15px 0;display:inline-block;}
	 
      input.text { font-size: 1em; border:1px solid #ccc;padding: 3px; width: 90%;}
	  
	  .butpesq { font-size: 11px; color: #444444; font-weight: bold; border:1px solid #d8d8d8; border-radius: 2px; padding: 5px; margin: 15px 0 0 15px; background-color: #f1f1f1;}
      
      #fake_mouse { position: absolute; top: -100px; left: -100px; }
      
      #instructions { margin-top: 20px; font-size: 1.1em; color: #666; width: 350; height: 54px; }
      
      #link_placeholder { height: 90px; }
      
      #link { position: absolute; display: none; padding-bottom: 28px; }
      
      input.link { width: 312px; font-size: 1.2em; text-align: center; border: 1px solid #c2c9ff; color: #555555; background-color: #f4fbff; cursor: pointer; }
      
      #footer { color: #999999;padding-top: 0.5em; text-align: center; }
      #footer a { color: #999999; text-decoration: none; padding: 0 1em; }
      #footer a:hover { text-decoration: underline; }
      
      #about { margin-top: 0.5em; color: #666666; text-align: center; }
      
      #copyright { padding: 0.25em; text-align: center; font-size: 0.75em; color: #999; background-color: white; }
      
      #link_buttons, #link_message { position: absolute; display: none; }
      
      #link_message { z-index: 99; width: 332px; height: 32px; background: url("images/link.png"); color: black; line-height: 32px; text-align: center; font-size: 1em; }
      }