@media (min-width: 0) {
	.headline {
	  font-size: 36px;
	  font-weight: bold;
	}
	
	.explanation {
	  color: #444444;
      background-color: #ffeedd; 
      margin-left: 50px; 
      margin-right: 50px; 
      padding-bottom: 8px; 
      padding-left: 8px; 
      padding-right: 8px; 
      padding-top: 8px;">
	}
	
	.solution {
	  font-size: 48px;
	  color: #2222aa;
	}
	
	.textLabel {
	  font-weight:bold;
	  font-size:x-large;	
	}
	
	.textExample {
	  font-size: 24px;
	  font-style: italic;
	  color: #888888;
	}
	
	.textbox {
	  font-size: 36px;
	  font-weight: bold;
	  color: #222222;
	}
	
	.issues {
	  font-size: 24px;
	  font-style: italic;
	  color: #882222;
	}
	
	.textboxOptional {
	  font-size: 36px;
	  font-weight: bold;
	  color: #4444aa;
	}
	
	.textboxInclude {
	  font-size: 36px;
	  font-weight: bold;
	  color: #4444aa;
	}
	
	.textboxExclude {
	  font-size: 36px;
	  font-weight: bold;
	  color: #aa4444;
	}
	
	.solveButton {
	  display: block;
	  font-size: 36pt;
	}
	
	.puzzleLetters {
	  color: blue;
	}
}


/* 2 */
@media (min-width: 600px) and (orientation:landscape) {
	.headline {
	  font-size: 24px;
	  font-weight: bold;
	}
	
	.explanation {
	  font-size: 16px;
	  color: #444444;
	}
	
	.solution {
	  font-size: 48px;
	  color: #2222aa;
	}
	
	.textLabel {
	  font-weight:bold;
	  font-size:x-large;	
	}
	
	.textExample {
	  font-size: 18px;
	  font-style: italic;
	  color: #888888;
	}
	
	.textbox {
	  font-size: 24px;
	  font-weight: bold;
	  color: #222222;
	}
	
	.issues {
	  font-size: 16px;
	  font-style: italic;
	  color: #882222;
	}
	
	.textboxOptional {
	  font-size: 24px;
	  font-weight: bold;
	  color: #4444aa;
	}
	
	.textboxInclude {
	  font-size: 24px;
	  font-weight: bold;
	  color: #4444aa;
	}
	
	.textboxExclude {
	  font-size: 24px;
	  font-weight: bold;
	  color: #aa4444;
	}
	
	.solveButton {
	  display: block;
	  font-size: 24pt;
	}
	
	.gwt-DialogBox {
	  width: 400px;
	}
	
	.dialogVPanel {
	  margin: 5px;
	}
	
	.puzzleLetters {
	  color: blue;
	}
}