body{
	background:url(../images/back.jpg);
	background-repeat:none;
	background-size:cover;
	background-attachment:fixed;
}

h2{
	color: #ed1c24;
	font-weight: bold;
}

.fontstyle{color: #3e3e3e;font-weight:bolder;font-size:1.22em}

.puzzlebutton{
	background-color: #ed1c24;
	color: white;
	margin-left: 11rem;
}
.puzzlebutton:hover{
	background: #e3e3e3;
	color: black;
}

/*.card{
	width: 30rem;
}*/

.responsive_ads { width: 320px; height: 100px; }
@media(min-width: 500px) { .responsive_ads { width: 468px; height: 60px; } }
@media(min-width: 800px) { .responsive_ads { width: 728px; height: 90px; } }

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	.card{
 		width:90%;
 	}
 	.google_ads{
 		width:90%;
 	}
}


.card:hover{
	border: 1px solid red;
}
.date{
	font-size: .7rem;
	font-style: italic;
}

.link{font-weight:bolder;font-size:1.24em;}
.link:hover{text-decoration:none;color:#e6004c;}

.bottom
{
	font-family: 'Bree Serif', serif;
	font-size: 1.1em;
	color: white;
	letter-spacing: 0.0645em;
}