*{
	box-sizing: border-box;
	padding: 0px;
	margin: 0px;
}

body { 
	font-family: 'Georgia', serif;
	color: #333;
	line-height: 1;
	padding: 0;
	margin: 0;
}

ul {
	list-style-type: none;
}

a{
	font-family: 'Helvetica', sans-serif;
	text-decoration: none;
	color: 333;
}

a:hover {
	color: green;
}

h1, h2 {
	font-weight: 300;
	line-height: 1.2;
}

p {
	font-family: 'Helvetica', sans-serif;
	margin: .6rem;
	text-align: center;
}

.comic {
	font-family: 'Georgia', serif;
	font-size: 1.5rem;
}

.navbar {
	display: flex;
	flex-direction: row;
	background-color: #1e90ff;
	color: #000;
	height: 3rem;
}

.navbar ul {
	display: flex;
	font-size: 1rem;
}

.navbar a {
	color: #fff;
	padding: .5rem;
	margin: 0 .27rem;
	display: block;
}

.navbar a:hover {
	border-bottom: .2rem #fff solid;
}

.navbar .flex {
	justify-content: space-between;
}

.navbar2 {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	background-color: #1e90ff;
	color: #000;
	height: 2.5rem;
}

.navbar2 ul {
	display: flex;
	font-size: 1rem;
}

.navbar2 a {
	color: #fff;
	padding: .5rem;
	margin: 0 .27rem;
	display: block;
}

.navbar2 a:hover {
	border-bottom: .2rem #fff solid;
}


.logo {
	color: #d11;
	background-color: #4169e1;
	font-size: 2.5em;
	font-weight: 700;
	text-shadow: 2px 2px #fff;
}

.rebus_logo {
	color: #111;
	font-size: 1.5em;
	font-weight: 600;
	text-shadow: 2px 2px 2px 1px #d11;
}

.flex-column {  
	padding: .7rem;
}

.flex-child  {
	margin: auto;
	width: 50%;
	padding: .5rem;
	border: solid blue 1px;
}

.showcase {
	height: auto;
	background-color: #1e90ff;
	color: white;
	text-align: center;
	padding-bottom: .75rem;
}

.showcase h1 {
	font-size: 2rem;
	padding-top: 1rem;
	color: #111;
	
}

.showcase p {
	margin: 0px auto;
	padding: 6px;
	color: #f1f1f1;
}

.showcase span {
	font-size: 1.25rem;
	font-weight: 700;
}

.brands {
	justify-content: space-between;
}

.footer {
	 background-color: steelblue;
	 color: #000;
	 height: auto;
	 margin: auto;
	 overflow: hidden;
}

.footer ul {
	display: flex;
}

.footer a {
	color: #fff;
	padding: 10px;
	margin: 0 5px;
}

.footer a:hover {
	border-bottom: 2px #fff solid;
}

.footer {
	justify-content: space-between;
}

.container {
	width: 80%;
	margin: 0 auto;
	overflow: auto;
	padding: 0 2.5rem;
}

.mtb10 {
	padding: 1.5rem;
}

.cartoon-answer {
	 display: none; 
}

.container-weekend {
	width: 80%;
	margin: 0 auto;
	overflow: auto;
	padding: 0 .75rem;
}

.flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}

.grid {
	width: 80%;
	margin: .5rem auto;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 2px;
}

.answer-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 2px;
	justify-content: center;
	width: 80%;
	margin: auto;
	margin-top: 1rem;
	height: auto;
	padding: .25rem;
	background: #a41720;
	border-radius: 4%;
}

.grid-weekend {
	width: 80%;
	margin: .5rem auto;
	display: grid;
	position: relative;
	grid-template-columns: repeat(4, 1fr);
	gap: 1px;
}

#linkimg {
	position: absolute;
	width: 80%
	margin: auto;
}

.answer-grid-weekend {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 1px;
	justify-content: center;
	width: 80%;
	margin: auto;
	margin-top: 1rem;
	height: auto;
	padding: 2px;
	background: #a41720;
	border-radius: 4%;
}

.center p, h1, h2, h3, h4 {
	text-align: center;
}

.date-head {
	padding-top: 1rem;
}

.listdiv {
	width: 60%;
	margin: 8px auto;
	overflow: auto;
	padding: 40px;
	border: solid slategray 2px;
}

.caption_div {
	width: 60%;
	margin: 8px auto;
	overflow: auto;
	padding: 4px;
	border: solid slategray 2px;
	position: relative;
	margin-bottom: 1rem;
	color: #fff;
	background-color: #111;
}

.caption {
	position: absolute;
	left: 50%;
	font-size: 2rem;
	color: #fff;
	background-color: #fff;
	border-radius: 8%;
	box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.4);
	
}

.caption:active {
	background-color: #000;
}

.paginationlinks {
	width: auto;
	height: 6rem;
	margin: 1rem auto;
	overflow: auto;
}

.tile2 {
	
}

.tile2 img {
	width: 60%;
	margin: auto;
	display: block;
}

.tile {
	visibility: true;
	text-align: center;
	border-radius: 4%;
}

.tile p {
	color: steelblue;
	margin: 0;
	font-size: 2rem;
	font-weight: 600;
}

.tile__image {
	max-width: 100%;
	border-radius: 4%;
}

.clue__image {
	max-width: 100%;
}

.rebus__image {
	max-width: 100%;
}

.bluButt {
	color: white;
	background-color: lightblue;
	margin: 1rem;
}
.bluButt:hover {
	background-color: darkblue;
}

.lwdate {
	border: 2px solid blue;
	margin-top: 24px;
	font-size: 1.4rem;
}

.rebus-header  {
	padding-top: 3.4rem;
}

.backwardp {
	transform: scale(-1,1);
	font-size: 2rem;
}

.horuleone {
	height: 100px;
}

.chr_div {
	margin: auto;
	width: 80%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	border: 2px solid black;
}

.chr_div p{
	font-size: 2rem;
	font-family: georgia, serif;
	text-align: center;
}

.chr_div img{
	width: 80%;
}

#privacy {
	font-size: .7rem;
	text-decoration: none;
	margin-bottom: 12px;
}

#privacy a:hover {
	border-bottom: 2px #fff solid;
}

#clrblack {
	color: black;
	font-size: 1.5rem;
}


#answer {
	display: none;
	margin-top: 9px;
	text-align: center;
	color: black;
	background: #1e90ff;
	font-size: 2rem;
	font-weight: 800;
	border-radius: 25%;
	border: solid 2px red ;
}

#adpromo {
	display: none;
}

#guess_div {
	display: block;
	text-align: center;
	margin: 10px auto;
}

#guess_div-weekend {
	display: block;
	text-align: center;
	margin: 10px auto;
}

#myText {
	height: 3rem;
	width: auto;
	text-align: center;
	color: green;
	background: #ccc;
	font-family: 'georgia';
	font-size: 1.75rem;
}

#mySvg1 {
	visibility: hidden;
}
#mySvg2 {
	visibility: hidden;
}
#gilone {
	display: none;
}
#gensoww {
	display: none;
}
#gensowchk {
	display: none;
}

#imageA {
	display: block;
}
.imagedivB {
	visibility: hidden;
}

#A, #a_lower, #aa, #aapp, #Abe, #ace, #aces, #ache, #aches, #act, #action, #aim, #altar, #and, #Anne, #ant, #ants, #ark, #arms, #around, #art, #ary, #ass, #at, #awl, #ax, #_b_, #B, #b, #back, #ball, #balance, #balloon, #bank, #bark, #bark_2, #bass1, #bat, #bay, #bays, #beach, #beans, #bear, #beet, #bee_2, #before, #bet, #bettor, #blank, #blood, #blue, #boat, #bone_2, #bones, #bonnet, #book, #books, #both, #bottle, #bottom, #br, #bread, #bricks, #brief, #bull, #business, #butt, #butter, #bye, #byte, #_C_, #C, #c, #c4, #c4gblue, #c4nblue, #c4rblue, #cc4, #cake, #call, #can, #cap, #cart, #case, #cash, #cat, #catch, #cave, #Cee, #cent, #cents, #ch, #chair, #chants, #charge, #charm, #_ch, #check, #cheese, #chest, #chickens, #chips, #chp, #christmas, #circles, #city, #clock, #clouds, #clothes, #clplus, #colors, #comb_2, #combs, #convict, #count, #court, #crawl, #crush, #cry, #cup, #cut, #_d, #d, #ddd, #danger, #day, #dee, #dew, #dig, #doesnt, #dollar, #donut, #danger, #dish, #double, #down, #downs, #dplus, #drain,#drink, #drop, #drplus, #ducks, #dump, #ed, #ee, #ear-corn, #ear, #ears, #ee_blue, #eel, #eels, #ed, #ee, #ees, #ef, #egg, #earth, #eight, #eight_green, #eight_the, #elf, #en, #end, #ept, #equal, #equals, #ess, #Europe, #eye, #eye_3, #eyes_2, #Ff, #ff, #f, #_F_, #F, #face, #face_watch, #fall, #fav, #feel, #feet, #fence, #fig, #fight, #fine, #finger, #fingers, #fire, #first, #fish, #fist, #floor, #fly, #foot, #forever, #fork, #fort, #fortune, #fourth, #frame, #from, #front, #four_blue, #four_orange, #four_red, #four_the, #full, #gc4, #gear, #gent, #gift, #git, #give, #gnu, #go, #gold, #good, #goods, #gos, #graces, #grave, #great, #great_2, #green, #grip, #ground, #groundE, #H, #h, #habit, #happy, #hair, #ham, #hand, #hands, #half, #hat, #hats, #hay, #heart, #hearts, #head, #heir, #hell, #help, #hen, #hi, #hinge, #hiss, #hit, #hole, #home, #home_2, #holly, #hook, #hooks, #hoot, #horse, #horses, #house, #howe, #iis, #import, #ink, #inn, #ing, #ings, #isle, #It, #its_possesive, #ivory, #jewel, #john, #joint2, #joy, #judge, #jumps, #james, #k, #keep, #keep_2, #key, #kick, #kill, #knot, #knot_two_bee, #_ly, #lash, #last, #laugh, #lead, #leaf, #leap, #left, #leg, #less, #level, #life, #like, #lip, #lips, #line, #little, #load, #look, #luck, #lump, #lungs, #ME, #Mm, #m, #magic, #make, #makes, #man, #mart, #matt, #mice, #mill, #million, #mine, #mind, #minds, #mint, #mints, #miss, #mouse, #mow, #my, #n, #nc4, #neck, #need, #nerves, #next, #night_dark, #no, #nose2, #note, #nut, #nuts, #one_blue, #one_orange, #one_purple, #one_red, #o, #oar, #off, #odds, #on, #one_yellow, #ones, #open, #out, #over, #oyster, #P, #p, #_p, #pp, #page, #paint, #palm, #pan, #pants, #park, #part, #party, #pasture, #path, #pay, #peace, #peaces, #peak, #pear, #pens, #pi, #pick, #pig, #pin, #pine, #ping, #pipe, #pl, #plane, #play, #playing, #plus, #pplus, #pocket, #point, #porpoises, #pot, #pound, #pray, #press, #presents, #presidents, #prize, #pull, #purse, #putt, #queen, #question, #questions, #_R, #R, #r, #rain, #ram, #rc4, #reed, #reel, #return, #right, #ring, #road, #roll, #rplus, #rrr, #ru, #rub, #rum, #run, #rye, #_u_s, #s, #saddle, #same, #sand, #sandwich, #scents, #screw, #seal, #sean, #set, #settings, #sew, #shell, #shells, #ship, #shoe, #shoot, #shot, #shoulder, #shoulders, #sick, #side, #sinker, #sit, #six, #sleeve, #sleeves, #shin, #shins, #sling, #slip, #small, #smoke, #sole, #someone, #spin, #splus, #stab, #star, #stars, #stand, #state, #stick, #still, #stone, #stones, #strait, #straw, #sum_black, #sum_blue, #sum_red, #sun, #swing, #__t, #u_t, #T, #t, #tT, #Tt, #take, #tall, #talk, #tan, #task, #tax, #tear2, #tee, #ten_X, #tent, #tents, #th, #thx, #th_blue, #th_red, #that, #the_blue, #the_red, #the_u, #the_ublue, #the_ugreen, #the_ugold, #the_uorange, #the_ured, #then, #they, #think, #thr, #threads, #three_green, #three_yellow, #throat, #through, #till, #tiny, #tongue, #ton, #top, #tow, #tows, #tplus, #tr, #tree, #treem, #try, #turn, #tutu, #tween, #twogit, #two_bee, #two_blue , #two_green, #two_orange, #two_red, #two_the, #twothe, #the_ured, #twou, #u, #u_blue, #u_red, #ublue, #uyellow, #UN, #up, #ups, #urn, #utter, #uturn, #vee, #vest, #W, #w, #ww, #w_w, #walk, #wall, #want, #ward, #wards, #water, #wag, #wax, #wee, #weigh, #weighs, #weight, #welcome, #well, #what, #wheel, #when, #who, #will, #wink, #witch, #with, #without, #wood, #wool, #word, #words, #worm, #worms, #work, #wrong, #_y, #y, #Y, #your, #yours, #yule, #zed_red, #zee, #zzzs {
	visibility: hidden;
	box-shadow: 6px 6px 16px rgba(240,240,240,0.6),
	-6px -6px 16px rgba(240,240,240,0.6);
}
 

@media(max-width: 1024px) {

	.answer-grid-weekend {
			grid-template-columns: repeat(4, 1fr);
	}

	.caption {
		left: 25%;
	}
	
}

@media(max-width: 768px) {

	.container {
		width: auto;
		margin: 0 auto;
		overflow: auto;
		padding: 0 1rem;
	}
	
	.container-weekend {
		width: auto;
		padding: 0 .25rem;
	}

	.grid {
		width: auto;
		display: grid;
		margin: auto;
		grid-template-columns: repeat(3, 1fr);
	}
	
	.answer-grid {
		width: auto;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}

	.grid-weekend {
		width: auto;
		margin: auto;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 1px;
	}

	.answer-grid-weekend {
		width: auto;
		display: grid;
		margin: auto;
		margin-top: 8px;
		padding: 1px;
	}
	
	.chr_div p{
    	font-size: 1rem;
    	font-family: georgia, serif;
    	text-align: right;
	}
	
	.listdiv {
		width: auto;
	}
	
	.caption {
		font-size: 1rem;
	}
	
}

@media(max-width: 420px) {
	a {
		font-size: 1.25rem;
	}
	
	.footer a  {
		font-size: 1rem;
		padding: .5rem;
		margin: 0 .2rem;
	}
	
	.container {
		margin: 0 auto;
		overflow: auto;
		padding: 0 2px;
	}
	
	.logo {
		font-size: 2.8rem;
	}

	.showcase {
		line-height: 1.35rem;
		font-size: 1.25rem;
	
	}
	
	.showcase h1 {
		font-size: 2rem;
	}
	
	.flex {
		flex-direction: row;
		justify-content: space-around;
		overflow: hidden;
	}
	
	.grid {	
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		margin: auto;
	}
	
	.answer-grid {
		
		
	}
	
}

@media(max-width: 320px) {}