html {
	background-color: #333;
	margin: 0;	
}

body {
	width: 360px;
	/*overflow-x: hidden;*/
	/*height: 100%;*/
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

#main {
	/*overflow-x: hidden;*/
	width: 360px;
	margin: auto;
	}

#verdict, #verdict2 {
	width: 360px;
	background-color: #fff;
	display: flex;
	flex-flow: column;
	height: 65px;
	position: absolute;
	/*top: 518px;*/
	/*bottom:*/	15px;
	z-index: -100;
	}

#verdict {
	top: 518px;
}

#verdict2 {
	top: 518px;
}

#top-info {
	width: 360px;
	background-color: #fff;
	margin: auto;
	text-align: center;
	clear: both;
	box-sizing: border-box;
	border-top: 1px #dcd6d0 solid;
	min-height: 52px;
	z-index: 11;
}

#footer, #footer2 {
	position: absolute;
	background-color: #333;
	color: #fff;
	/*vertical-align: bottom;*/
	min-height: 15px;
	bottom: 0;
	/*left: 0;*/
	font-family: helvetica;
	font-size: 10px;
	width: inherit;
	/*display: flex;
	align:-self: flex-end;*/
	clear: left;
	}

#footer {
	top: 583px;
	}

#footer2 {	
	top: 583px;	
}

#footer-words {
	/*align-self: flex-end;*/
	position: absolute;
	top: 2px;
	padding-left: 4px;
	}

#board {
	width: 360px;
	margin: auto;
	margin-top: 0px;
	user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
}

#status {
	/*width: 360px;
	margin: auto;
	text-align: center;
	clear: both;
	user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;*/
	}

.share-icon {
	cursor: pointer;
	width: 16px;
	}

#top-row {
	background-color: #fff;
	width: 360px;
	margin: auto;
	padding-top: 3px;
	/*padding-bottom: 32px;*/
	height: 35px;
	display: flex;
	}


#scoreboard, #qa, #coox, #win-social, #lose-social, #maroon-social, 
	#all-games {
	z-index: 100;
	width: 349px;
	margin: auto;
	padding: 5px 5px 5px 5px;
	text-align: center;
	background-image: linear-gradient(to bottom right, #e3ecfc, #fcf7e8);
	border: 1px #000 solid;
	min-height: 30px;
	/*position: fixed;*/
	top: 2px;
	/*left: 25%;*/
	border-radius: 3px;
	overflow: hidden;
	user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	}

#win-social, #lose-social, #maroon-social, 
	#all-games {
	position: fixed;
}

#scoreboard, #qa, #coox {
	position: absolute;
}

.social {
	width: 40px;
	}

#social-start {
	width: 360px;
	margin: auto;
	margin-top: 1px;
}

.social-icon-start {	
	width: 25px;	
}

#scoreboard-button, #qu-button {
	width: 22px;
	}

#games-button {
	width: 44px;
	margin-right: -5px;
	}

#scoreboard-button, #qa-button, #games-button {	
	cursor: pointer;
	float: right;
	margin-top: 5px;
	margin-left: 13px;
	}

#buttons-collection {
	height: 35px;
	width: 170px;
	overflow: auto;
	margin-right: 10px;
	margin-top: 0.2%;
}

#logo {
	height: 35px;
	margin-left: 5px;
	display: flex;
	align-items: center;
	}

#logo-img {
	width: 200px;
	float: left;
	margin-left: 2.2%;
	}

#scoreboard-img, #qa-img {
	width: 22px;
	}

#games-img {
	width: 44px; 	
	}

.games-row {
	width: 100%;
	text-align: center;
	}

.curr-game, .other-game {
	/*width: 250px;*/
	max-height: 36px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	/*border-width: 1px;
	border-style: solid;*/
	padding: 8px;
	padding-top: 4px;
	padding-bottom: 3px;
	}

.curr-game {
	border-color: #aef391;
}

.other-game {
	border-color: #efe7ee;
	user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	}
.other-game:hover {
	background-color: #fffd5b;
	box-shadow: 0 0 2px 2px #fffd5b;
	}

.close-things {
	cursor: pointer;
	float: right;
	text-align: right;	
	position: relative;
	top: 3px;
	right: 3px;
	font-size: 20px;
	/*width: 20%;*/
	font-family: helvetica;
	line-height: 19px;
	user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	}

#close-coox {
	-webkit-appearance: initial;
	width: 100px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	font-size: 14px;
	font-family: helvetica;
	background-color: #000000;
	color: #ffffff;
	text-align: center;
	padding: 2px 3px 2px 3px;
	border-radius: 3px;
	margin-bottom: 13px;
	padding-top: 2px;
	}

@supports (-webkit-hyphens: none) {
	#close-coox {
		padding-bottom: 4px;
	}
	
	#answer-button {
		padding: 1px 0 0px 10px;
	}

}

.main-heading, #coox-heading {
	font-family: 'Koulen', helvetica;
	font-size: 28px;
	}

.main-heading {
	width: 100%;
	line-height: 7px;
	text-align: center;
	clear: both;
	margin-bottom: 15px;
	}

#fun {
	width: 100%;
	margin: auto;
	margin-top: -15px;
	margin-bottom: -6px;
	font-family: 'Koulen', helvetica;
	font-size: 28px;
	}

.social-icons {
	margin-top: 22px;
	margin-bottom: 7px;
	}

.stat-label-2, .stat-label-3 {
	text-align: center;
	float: left;
	line-height: 40px;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	}

.stat-label-2 {
	width: 50%;
	}

.stat-label-3 {
	width: 33.3%;
	}

.stat {
	font-size: 40px;
	margin-left: 0;
	}

.point {
	margin-top: 12px;
	}

.point-title {
	font-family: 'Koulen', helvetica;
	font-size: 17px;
	line-height: 17px;
	}

.point-itself {
	font-family: roboto;
	font-size: 16px;
	/*margin-top: 2px;*/
	margin-bottom: 14px;
	}

#watch-and-learn {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 0;
}

#top-par {
	/*margin-top: 10px;*/
	}

.loaded-button, .loaded-button-word, .clickable-button, .clickable-button-word, .clickable-button-undo, .loaded-button-undo, .reveal-undo, .trail-undo, .win-trail-undo, .lose-trail-undo, .mixture-undo, .trail, .trail-word, .trail-minus, 
	.win-trail, .win-trail-word, .lose-trail, .lose-trail-word, .reveal, .reveal-word, .mixture, .mixture-word, .loaded-button-minus, 
	.lose-trail-minus, .clickable-button-minus, .win-trail-minus, 
	.reveal-minus, .mixture-minus, .loaded-button-rejig, .reveal-rejig, 
	.win-trail-rejig, .lose-trail-rejig, .trail-rejig, .clickable-button-rejig, 
	.mixture-rejig, .clickable-button-nudge, .loaded-button-nudge, 
	.trail-nudge, .mixture-nudge, .reveal-nudge, .win-trail-nudge, 
	.lose-trail-nudge, .loaded-button-divide, .clickable-button-divide, .trail-divide, .win-trail-divide, .lose-trail-divide, .reveal-divide, .mixture-divide, .loaded-button-mult, .clickable-button-mult, .reveal-mult, .trail-mult, .win-trail-mult, .lose-trail-mult, .mixture-mult {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 33px;
	/*font-weight: bold;*/
	font-family: 'Bubbler One', sans-serif;
	width: 36px;
	height: 36px;
	display: flex;
	justify-content: center;
	vertical-align: middle;
	line-height: 37px;
	float: left;
}

.loaded-button-minus, .lose-trail-minus, .trail-minus,
	.clickable-button-minus, .win-trail-minus,
	.reveal-minus, .mixture-minus {
	font-size: 34px;
	line-height: 34px;
	}

.loaded-button-rejig, .reveal-rejig, .win-trail-rejig, .lose-trail-rejig, 
	.trail-rejig, .clickable-button-rejig, .mixture-rejig {
	line-height: 38px;
	}

.clickable-button-nudge, .loaded-button-nudge, .trail-nudge, .mixture-nudge, 
	.reveal-nudge, .win-trail-nudge, .lose-trail-nudge {
	padding-right: 1px;
}

.loaded-button, .loaded-button-word, .loaded-button-undo, .loaded-button-minus, .loaded-button-rejig, .loaded-button-nudge, .loaded-button-divide, .loaded-button-mult {
	cursor: auto;
	background-color: #fff;
	border: 1px #dcd6d0 solid;
}

.clickable-button, .clickable-button-word, .clickable-button-undo, .clickable-button-minus, .clickable-button-rejig, 
	.clickable-button-nudge, .clickable-button-divide, .clickable-button-mult {
	background-color: #fffd5b;
	cursor: pointer;
	box-shadow: inset -2px -2px 3px #98963a;
	line-height: 38px;
	position: relative;
}

.clickable-button:hover, .clickable-button-word:hover, .clickable-button-undo:hover, .clickable-button-minus:hover, .clickable-button-rejig:hover, 
	.clickable-button-nudge:hover, .clickable-button-divide:hover, .clickable-button-mult:hover {
	background-color: #fdfc9a;
	cursor: pointer;
	box-shadow: inset -2px -2px 3px #adab57;
	/*line-height: 35px;*/
	position: relative;
}

.clickable-button-rejig {
	line-height: 39px;
}

.clickable-button-minus {
	line-height: 34px;
}

.trail, .trail-word, .trail-undo, .trail-minus, .trail-rejig, .trail-nudge, .trail-divide, .trail-mult {
	background-color: #ffbf00;
	box-shadow: inset 0 2px 3px #9a7400, 
		inset 0 -2px 10px #fcf7ea;
	/*border: 1px #edb100 solid;*/
	border-bottom: 1px solid #dcd6d0;
	border-left: 1px solid #ffbf00;
	border-right: 1px solid #dcd6d0;
	}

.win-trail, .win-trail-word, .win-trail-undo, .win-trail-minus, .win-trail-rejig, .win-trail-nudge, .win-trail-divide, .win-trail-mult {
	background-color: #08d408;
	box-shadow: inset 0 2px 3px #008900,
		inset 0 -2px 10px #e3fae3;
	border-bottom: 1px solid #dcd6d0;
	border-left: 1px solid #08d408;
	border-right: 1px solid #dcd6d0;
}

.lose-trail, .lose-trail-word, .lose-trail-undo, .lose-trail-minus, .lose-trail-rejig, .lose-trail-nudge, .lose-trail-divide, .lose-trail-mult {
	background-color: #fb461f;
	box-shadow: inset 0 2px 3px #7d1803, 
		inset 0 -2px 10px #ffe3dd;
	border-bottom: 1px solid #dcd6d0;	
	border-left: 1px solid #fb461f;
	border-right: 1px solid #dcd6d0;
	}

.reveal, .reveal-word, .reveal-undo, .reveal-minus, .reveal-rejig, .reveal-nudge, .reveal-divide, .reveal-mult {
	background-color: #b1cdfe;
	border: 1px #cbd2e5 solid;
	color: #495771;
	/*color: 000;*/
}

.mixture, .mixture-word, .mixture-undo, .mixture-minus, .mixture-rejig, .mixture-nudge, .mixture-divide, .mixture-mult {
	background-color: #d4a9cb;
	box-shadow: inset 0 2px 3px #826882, 
		inset 0 -2px 10px #ebddeb;
	border-bottom: 1px solid #cbd2e5;
	border-left: 1px solid #d4a9cb;
	border-right: 1px solid #cbd2e5;
	color: #495771;
}

.loaded-button-divide, .clickable-button-divide, .trail-divide, .win-trail-divide, .lose-trail-divide, .reveal-divide, .mixture-divide {
	line-height: 31px;
	}

.loaded-button-mult, .clickable-button-mult, .reveal-mult, .trail-mult, .win-trail-mult, .lose-trail-mult, .mixture-mult {
	line-height: 37px;
	}

.loaded-button-word, .clickable-button-word, .reveal-word, .trail-word, .win-trail-word, .lose-trail-word, .mixture-word {
	font-size: 35px;
	line-height: 33px;
	}

.clickable-button-undo, .loaded-button-undo, .trail-undo, .win-trail-undo, .lose-trail-undo, .reveal-undo, .mixture-undo {
	font-size: 16px; 
	line-height: 37px;
}

#running-total-wrap, #win-lose, #permitted-wrap, #permitted, #moves-wrap {
	line-height: 22px;
	font-size: 16px;
}

#target, #running-total, #moves-left {
	font-size: 34px;
	font-family: roboto;
	line-height: 36px;
	/*font-weight: normal;*/
	}

.so-far-wrap, .word-display {
	font-size: 13px;
	/*margin-top: 2px;*/
	margin-bottom: -4px;
	font-family: roboto;
	/*width: 33.3333%;*/
	float: left;
	padding-top: 2px;
	padding-bottom: 5px;
	/*text-shadow: 1px 1px 5px #000;*/
	height: 52px;
	}

.so-far-wrap {
	width: 33.333%;
	}

.word-display {
	width: 50%;
	/*line-height: 22px;*/
	/*margin-top: -7px;*/
	}

#today-headings {
	line-height: 21px;
	}

#target-word, #your-progress, #anti-progress {
	font-size: 20px;
	line-height: 27px;
	font-weight: bold;
	font-family: 'Roboto Mono', monospace;
	user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	text-align: center;
	/*position: relative;
    	top: 3px;*/
}

.first-later, .second-later, .usual-later, .third-later, 
	.fourth-later {
	/*height: 20px;
	box-sizing: border-box;*/
	/*border-right: px solid #fff;*/
	box-shadow: inset 1px 0 0 0 #fff;
	}

#nexty {
	height: 20px;
	/*box-sizing: border-box;*/
	/*box-shadow: inset 1px 0 -1px 0 #fff;*/
	/*width: 25px;
	margin-right: 1px;*/
	/*border-right-width: 0px;
	border-right-style: solid;*/
}

.first-later {
	color: #bfbebe;
	background-color: #bfbebe;
	}

.second-later {
	color: #cfcfcf;
	background-color: #cfcfcf;
	}

.third-later {
	color: #d8d8d8;
	background-color: #d8d8d8;
	}

.fourth-later {
	color: #e0e0e0;
	background-color: #e0e0e0;
	}

.usual-later {
	color: #fff;
	background-color: #fff;
	}

.first-lose, .second-lose, .third-lose, .fourth-lose {
	border-right: 1px solid #fb461f;
	}

.first-lose {
	background-color: #b63318;
	color: #b63318;
	border-left: 1px solid #fb461f;
	}

.second-lose {
	background-color: #cb3210;
	color: #cb3210;
	}

.third-lose {
	background-color: #db300b;
	color: #db300b;
	}

.fourth-lose {
	/*background-color: #ee2E04;
	color: #ee2E04;*/
	background-color: #e82d04;
	color: #e82d04;
	}


#running-total, #win-lose {
	text-align: left;
}

#chosen {
	clear: both;
	margin: auto;
	font-size: 25px;
	line-height: 25px;
}

#winner {
	width: 360px;
	line-height: 34px;
	margin-top: 15px;
	margin-bottom: 2px;
}


#loser, #marooned, #answer-button-wrap {
	/*margin-top: 5px;*/
	}

#winner, #loser, #marooned {
	font-family: 'Koulen', helvetica;
	font-size: 23px;
	/*margin-top: -5px;*/
}

#loser, #marooned {
	text-align: center;
	width: inherit;
	margin-top: 0px;
	/*margin-top: -0.15%;*/
	margin-bottom: 0px;
	font-size: 22px;
	}

.game-over {
	color: #fb461f;
	}

.well-done {
	color: #08d408;		
}

#answer-button-wrap {
	width: 119px;
	margin: auto;
	margin-top: -10px;
	margin-bottom: 0px;
	clear: both;
}

#answer-button {
	width: 125px;
	padding: 2px 0px 2px 0px;
	/*position: relative;
	top: -px;
	line-height: 14px;*/
	text-align: center;
	font-family: helvetica;
	font-size: 13px;
	text-align: center;
	background-color: #000000;
	color: #ffffff;
	cursor: pointer;
	border-radius: 3px;
	user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
}

/*winner, #loser, #marooned*/
#status {
	width: inherit;
	margin: auto;
	height: inherit;
	position: absolute;
	/*top: 50%;
	transform: translateY(-50%);*/
	/*vertical-align: middle;*/
	flex: 1 0 auto;
	text-align: center;
	font-size: 12px;
	font-family: 'Koulen', helvetica;
	clear: both;
	user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	}

#reset-offer, #time-limit {

	}

#reset-offer {
	width: 80%;
	float: left;
	font-size: 17px;
	padding-top: 20px;
}

#tick-tock {
	
	}

#time-limit {
	width: 15%;
	float: right;
	font-size: 11px;
	line-height: 11px;
	padding-right: 5%;
	padding-top: 20px;
	font-family: roboto;
	}

#retry-button {
	background-color: #000;
	color: #fff;
	font-family: roboto;
	font-size: 15px;
	border: none;
	border-radius: 3px;
	width: auto;
	cursor:	pointer;
	height: 31px;
	line-height: 12px;
	/*margin-left: 7%;	
	margin-right: 7%;*/
	width: 88%;
	padding-top: 7px;
	padding-bottom: 6px;
	}

#today-text, #today-text2, #countdown, #whoops {
	font-size: 12px;
	width: inherit;
	margin: auto;
	}

#today-text, #today-text2, #whoops {
	font-family: 'Koulen', helvetica;
	line-height: 17px;
	}

#whoops {
	margin-top: 2px;
	}

#today-text {
	margin-top: 24px;	
}

#today-text2 {
	margin-top: 24px;
	}

#today-text a, #today-text2 a {
	text-decoration: none;
	color: #000;
	}

#countdown {
	font-family: roboto;
	margin-top: -2px;
	}

	#answer-button-wrap {
		margin-top: -11px;
	}

	#new-day {
		font-family: 'Koulen', helvetica;
		font-size: 27px;
		padding-top: 25px;
	}

.breaker {
	height: 10px;
	}

/* style="position: relative; width: 24%; left: 52px; top: 3px; overflow-y: hidden;" */
#coffee {
	position: relative;
    	width: 24%;
    	left: 41px;
    	top: 4px;
}

/* START OF MINI-MOBILE */
/*@media only screen and (max-width: 500px) {
	html {
	overflow-x: hidden;
	transform: scale(111.5%);
	transform-origin: top;
	}
}*/
/* END OF MINI-MOBILE */


/* START OF MOBILE */

@media only screen and (max-width: 571px) and (max-height: 899px) {
	
body {
	width: 360px;
	}

#main {
	width: 360px;
	/*overflow-x: hidden;*/
	}

	#footer {
		min-height: 100px;
	}

#top-row {
	width: 360px;
	}

#top-info {
	font-size: 5px;
	width: 360px;
	padding-bottom: 0px;
	min-height: 55px;
	}

#close-coox {
	padding-top: 2px;
	}

#board {
	width: 360px;
	margin-top: -5px;
	/*border-top: 1px #333 solid;*/
	}

/*.clickable-button, .clickable-button-word, .clickable-button-undo, .loaded-button, .loaded-button-word, .loaded-button-undo, .trail-undo, .win-trail-undo, .lose-trail-undo, .mixture-undo, .trail, .trail-word, .win-trail, .win-trail-word, .lose-trail, .lose-trail-word, .reveal, .reveal-word, .reveal-undo, .mixture, .mixture-word, .clickable-button-minus, 
.loaded-button-minus, .trail-minus, .win-trail-minus, .lose-trail-minus, 
.reveal-minus, .mixture-minus, .loaded-button-divide, .clickable-button-divide {
	font-size: 33px;
	line-height: 38px;
	width: 36px;
	height: 36px;
	vertical-align: middle;
	float: left;
}*/


.clickable-button, .clickable-button-word, .clickable-button-undo, .loaded-button, .loaded-button-word, .loaded-button-undo, .trail-undo, .win-trail-undo, .lose-trail-undo, .mixture-undo, .trail, .trail-word, .win-trail, .win-trail-word, .lose-trail, .lose-trail-word, 
.reveal, .reveal-word, .reveal-undo, .mixture, .mixture-word, .clickable-button-minus, .loaded-button-minus, 
.trail-minus, .win-trail-minus, .lose-trail-minus, .reveal-minus, .mixture-minus, 
.clickable-button-rejig, .loaded-button-rejig, .trail-rejig, .win-trail-rejig, 
	.lose-trail-rejig, .reveal-rejig, .mixture-rejig, .clickable-button-nudge, 
	.loaded-button-nudge, .trail-nudge, .win-trail-nudge, .lose-trail-nudge, 
	.reveal-nudge, .mixture-nudge, .loaded-button-divide, .clickable-button-divide, .trail-divide, .win-trail-divide, .lose-trail-divide, .reveal-divide, .mixture-divide, .loaded-button-mult, .clickable-button-mult, .reveal-mult, .trail-mult, .win-trail-mult, .lose-trail-mult, .mixture-mult {
	font-size: 33px;
	line-height: 38px;
	width: 36px;
	height: 36px;
	vertical-align: middle;
	float: left;
}

.clickable-button-minus, .loaded-button-minus, .trail-minus, 
.win-trail-minus, .lose-trail-minus, .reveal-minus, 
.mixture-minus {
	font-size: 34px;
	line-height: 33px;
	}

.clickable-button-minus {
	line-height: 34px;
}


.loaded-button-divide, .clickable-button-divide, .trail-divide, .win-trail-divide, .lose-trail-divide, .reveal-divide, .mixture-divide {
	line-height: 32px;
	}

.loaded-button-mult, .clickable-button-mult, .reveal-mult, .trail-mult, .win-trail-mult, .lose-trail-mult, .mixture-mult {
	line-height: 35px;
}

/*.clickable-button-rejig, .loaded-button-rejig, .trail-rejig, 
.win-trail-rejig, .lose-trail-rejig, .reveal-rejig, 
.mixture-rejig {
	font-size: 35px;
	line-height: 50px;
}*/

.loaded-button-word, .clickable-button-word, .reveal-word, .trail-word, .win-trail-word, .lose-trail-word, .mixture-word {
	font-size: 35px;
	line-height: 33px;
	}

.clickable-button-undo, .loaded-button-undo, .reveal-undo, .trail-undo, .win-trail-undo, .lose-trail-undo, .mixture-undo {
	font-size: 16px; 
	line-height: 37px;
	/*padding-left: 0.03%;*/
}

#running-total-wrap, #target-wrap, #target-word-wrap, #effort-word-wrap, #so-far, #max-moves-wrap, #max-moves, #win-lose, #winner, #loser, #maroon, #permitted-wrap, #permitted, #moves-wrap, {
	font-size: 14px;
	}

.so-far-wrap, .word-display {
	/*width: 33.333%;*/
	font-size: 12px;
	min-height: 20px;
	/*padding-bottom: 5px;*/
	}

.so-far-wrap {
	width: 33.333%;
	}

.word-display {
	width: 50%;
	}

#target, #running-total, #moves-left {
	font-size: 33px;
	line-height: 40px;
}

#scoreboard, #qa, #coox, #win-social, #lose-social, #maroon-social, 
	#all-games {
	font-size: 12px;
	position: fixed;
	width: 349px;
	padding: 0 5px 0 5px;
	/*right: 0.5%;*/
	margin: auto;
}

#winner, #loser, #marooned {
	width: inherit;
	}

#winner {
	margin-top: 14px;
	}

#loser, #marooned {
	margin-top: 0px;
	margin-bottom: -2px;
	}

#answer-button-wrap {
	width: 119px;
	margin: auto;
	margin-top: -8px;
	}

#answer-button {
	width: 119px;
	}

	.point-itself {
		font-size: 14px;	
	}

	#status {
		/*font-size: 17px;*/
		width: 360px;
	}

	#today-text {
		margin-top: 22px;
	}

	#today-text2 {
		margin-top: 22px;
	}

	#whoops {
		margin-top: -2.3%;
	}

	#retry-button {
		padding-top: 7px;
	}

	#time-limit {
		margin-top: 0px;
	}
	
	#new-day {
		font-family: 'Koulen', helvetica;
		font-size: 27px;
		padding-top: 22px;
	}

	#social-start {
		margin-top: 1px;
	}

	#coffee {
		width: 24%;
        	top: 4px;
        	left: 41px;
	}

}

/* END OF MOBILE */


/* START OF MEDIUM SCREENS */

/*@media only screen and (min-width: 601px) and (max-width: 799px) {

	#main {
		width: 100%;
		margin: auto;
		transform: scale(90%);
		transform-origin: top;
	}

	#scoreboard, #qa, #coox, #win-social, #lose-social, #maroon-social,
		#all-games {
		font-size: 12px;
		position: fixed;
		width: 340px;
		margin: auto;
	}
	
	#loser, #marooned {
		margin-top: -5px;
	}

	#today-text, #today-text2, #whoops {
		margin-top: 19px;
	}

	#answer-button-wrap {
		margin-bottom: -2[x;
	}

	#countdown {
		margin-top: -1px;
	}

	#answer-button {
		padding-top: 1px;
	}

	#footer {
		width: 100%;
		height: 500px;
		margin: auto;
		position: absolute;
		left: 0;
		right: 0;
		clear: both;
		top: 764px;	
	}	

}*/


/* END OF MEDIUM SCREEN */


/* START OF VERY LARGE SCREENS */

/*
572 and 710
*/
@media only screen and (min-width: 572px) and (min-height: 600px) {

#main {
	/*padding-top: calc((100vh - 710px)/2);*/
	max-height: -webkit-fill-available;
	padding-top: calc((100vh - 710px)/2);
	}

#buttons-collection {
	width: 250px;
	}

#footer2 {
	top: 711px;	
}

#logo {
	margin-left: 1.2%;
}

	#winner, #loser, #marooned {
		font-size: 30px;
		line-height: 45px;
		width: 450px;
		margin: auto;
		text-align: center;
	}	

#board {
	position: relative;
	z-index: 5;
	}

body, #board, #status, #main, #verdict, #verdict2 {
	width: 450px;
	margin: auto;
	}

#verdict, #verdict2 {
	position: relative;
	top: -6px;
	height: 80px;
	z-index: 1;
}

#status {
	margin-top: -4px;
	}

#top-row, #top-info {
	width: 450px;
}

.so-far-wrap {
	width: 150px;
	}

.word-display {
	width: 50%;
	}

.clickable-button, .clickable-button-word, .clickable-button-undo, .loaded-button, .loaded-button-word, .loaded-button-undo, .trail-undo, .win-trail-undo, .lose-trail-undo, .mixture-undo, .trail, .trail-word, .win-trail, .win-trail-word, .lose-trail, .lose-trail-word, 
.reveal, .reveal-word, .reveal-undo, .mixture, .mixture-word, .clickable-button-minus, .loaded-button-minus, 
.trail-minus, .win-trail-minus, .lose-trail-minus, .reveal-minus, .mixture-minus, 
.clickable-button-rejig, .loaded-button-rejig, .trail-rejig, .win-trail-rejig, 
	.lose-trail-rejig, .reveal-rejig, .mixture-rejig, .clickable-button-nudge, 
	.loaded-button-nudge, .trail-nudge, .win-trail-nudge, .lose-trail-nudge, 
	.reveal-nudge, .mixture-nudge, .loaded-button-divide, .clickable-button-divide, .trail-divide, .win-trail-divide, .lose-trail-divide, .reveal-divide, .mixture-divide, .loaded-button-mult, .clickable-button-mult, .reveal-mult, .trail-mult, .win-trail-mult, .lose-trail-mult, .mixture-mult {
	width: 45px;
	height: 45px;
	font-size: 45px;
	line-height: 46px;

}

.clickable-button-minus, .loaded-button-minus, .trail-minus, .win-trail-minus, .lose-trail-minus, .reveal-minus, .mixture-minus {
	font-size: 45px;
	line-height: 42px;
}

.loaded-button-divide, .clickable-button-divide, .trail-divide, .win-trail-divide, .lose-trail-divide, .reveal-divide, .mixture-divide {
	line-height: 39px;
}

.loaded-button-mult, .clickable-button-mult, .reveal-mult, .trail-mult, .win-trail-mult, .lose-trail-mult, .mixture-mult {
	line-height: 45px;
	}

.clickable-button-rejig, .loaded-button-rejig, .trail-rejig, 
.win-trail-rejig, .lose-trail-rejig, .reveal-rejig, 
.mixture-rejig {
	font-size: 45px;
	line-height: 48px;
}

.clickable-button-nudge, .loaded-button-nudge, .trail-nudge, .mixture-nudge, 
	.reveal-nudge, .win-trail-nudge, .lose-trail-nudge {
	padding-right: 1px;
}

.loaded-button-word, .clickable-button-word, .reveal-word, .trail-word, .win-trail-word, .lose-trail-word, .mixture-word {
	font-size: 45px;
	line-height: 41px;
	}

.clickable-button-undo, .loaded-button-undo, .reveal-undo, .trail-undo, .win-trail-undo, .lose-trail-undo, .mixture-undo {
	font-size: 21px; 
	line-height: 46px;
}

#scoreboard-button, #qa-button, #games-button {
	margin-left: 25px;
	}

#scoreboard, #qa, #coox, #win-social, #lose-social, #maroon-social, 
	#all-games {
	width: 439px;
	position: fixed;
	margin: auto;
	}

	#winner {
		margin-top: 16px;
	}

	#loser, #marooned {
		margin-top: 6px;
	}

	#answer-button {
		line-height: 14px;
		position: relative;
		top: -1px;
		padding-bottom: 3px;
	}

	#answer-button-wrap {
		margin-top: -7px;
		margin-bottom: 0;
	}
	
	#today-text, #today-text2, #whoops {
		font-size: 22px;
	}

	#today-text {
		margin-top: 26px;
	}

	#today-text2 {
		margin-top: 26px;
	}

	#whoops {
		margin-top: 4px;
	}

	#time-limit {
		margin-top: 6px;
	}

	#retry-button {	
		padding-top: 6px;
	}

	#new-day {
		font-family: 'Koulen', helvetica;
		font-size: 27px;
		padding-top: 31px;
	}

	.share-icon {
		width: 25px;
	}

	.social-icon-start {
		width: 35px;
	}
	
	#social-start {
		margin-top: 6px;
	}

	#countdown {
		margin-top: -1px;
	}

	/*#answer-button-wrap {
		margin-top: -11px;
	}*/

#reset-offer {
	padding-top: 27px;
}

.close-things {
	top: 4px;
	right: 5px;
}

#close-coox {
	margin-bottom: 14px;
	padding-top: 4px;
	}

#footer {
	position: relative;
	top: -3px;
}

#coffee {
        width: 16%;
        margin-left: 66px;
        top: 3px;
}



}
/* END OF VERY LARGE SCREENS */