@charset "utf-8";

@media (max-width:1023px) {
	
	.tooltip{display:none !important;}
body {
	background: #F5F5F5;
}
#puzzle {
	border: 3px solid #505052;
}
.container.puzzle-container {
	margin: 0 auto;
	padding: 20px;
	max-width: 768px;
}
	.footer-container{margin-bottom:0; padding: 0px 20px;}
.puzzle-header {
	margin-bottom: 25px;
}
.puzzle-header h1 {
	font-size: 45px;
	margin: 0 0 10px 0;
}
.puzzle-header h1 span{
	font-size:30px;}
#puzzle-clues {
	padding-left: 20px;
}
table td {
	height: 25px;
}
td span {
	font-size: 10px;
}
.content-container {
	padding: 0px 50px;
}
}

@media (max-width:767px) {
	
	.puzzle-header {
	margin-bottom: 0px;
}
	
	.mob-tooltip{display:block;}
	
.container.puzzle-container {
	max-width: 640px;
}
	
	table td {
	height: 20px;
}
}

@media (max-width:640px) {
	
	.mob-tooltip span{padding-bottom: 10px;}
	
	.container.puzzle-container {
	margin: 0 auto;
	max-width: 400px;
	padding: 15px;
}
	.footer-container{
		padding:0px 15px;
	}
	
	
table td {
	height: 22px;
}
	
	td span {
  font-size: 7px;
  left: 1px;
  
  top: 1px;
}
	
#puzzle {
	border: 2px solid #505052;
}
#puzzle-clues h2 {
	font-size: 21px;
	margin: 0 0 9px;
}

#puzzle-wrapper {
	float: none;
	width: 100%;
	padding-bottom: 20px;
}
#puzzle-clues {
	float: none;
	width: 100%;
	padding: 0;
}

.puzzle-header h1 {
	font-size: 26px;
}
.puzzle-header h1 span{
	font-size:20px;}
.content-container {
	padding: 0;
}
.content-container .content {
	float: none;
	padding: 0;
	width: 100%;
}
}