@font-face {
font-family: "Kurale";
src: url("https://www.printablestoday.com/kurale-regular.otf") format("opentype");
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 800px) 
and (orientation : landscape) 
{
	.word_name
{
	font-size:2.5vw;
	text-decoration:underline;
}
.tiny_link
{
	font-size:1.25vw;
}

	.word_meaning
{
	font-size:2.5vw;
}
	body
	{
		margin:0px;
	}
	.flex-container{
     display:flex;
     flex-direction: row;
	  flex-wrap: wrap;
	      justify-content:center;
		  width:90%
}
	.item
{
	max-width:40vw;
	min-width:40vw;

	margin:10px auto 10px auto;
}
.fixed_img
{
	width:136px !important;
	max-width:136px !important;

}
.item_img
{
width:100%;

}
.holiday_name
{
	font-size:12px;
	font-weight:bold;
}
	.logo_img
{
	width:64px;
	
}
#logo
{
	height:160px;
}
    /* Styles */
.tagline
{
  font-size: 3vw;
   padding-left:10px;
}
.banner_ad
{
margin-left:auto;
	margin-right:auto;
	height:100px; 
	width:90vw;
	//background-color:red;
	display:block;
}

.bottom_ad
{
margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	height:100px; 
	width:90vw;
	//background-color:#a8a632;
	//display:block;
}
.small_ad
{
margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	height:26vw; 
	width:26vw; 
	background-color:#a8a632;
	display:block;
}
#date_display
{
	
}
.box_legend
{

	font-size:3vw;
}
}
@media only screen 
and (min-width : 320px) 
and (max-width : 480px) 
and (orientation : portrait) 
{
	.word_name
{
	font-size:4.5vw;
	text-decoration:underline;
}

.tiny_link
{
	font-size:2vw;
}
	.word_meaning
{
	font-size:4vw;
}
		body
	{
		margin:0px;
	}
	.flex-container{
     display:flex;
     flex-direction: row;
	  flex-wrap: wrap;
	      justify-content:center;
}
	.item
{
	max-width:90vw;
	min-width:90vw;

	margin:10px;
}

.item_img
{
	width:90vw;
	max-width:initial;
	min-width:90vw;
}
.fixed_img
{
	width:136px !important;
	max-width:136px !important;

}
.holiday_name
{
	font-size:12px;
	font-weight:bold;
}
	.logo_img
{
	width:57px;
	
}
#logo
{
	height:160px;
}
    /* Styles */
.tagline
{
  font-size: 3vw;
   padding-left:10px;
}
.banner_ad
{
margin-left:auto;
	margin-right:0px;
	height:100px; width:285px; display:block;
//	background-color:blue;
	//display:block;
}
.bottom_ad
{
margin-left:auto;
	margin-right:0px;
	margin-top:5px;
	height:100px; 
	width:90vw;
	//background-color:#a8a632;
	//display:block;
}
.small_ad
{
margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	height:26vw; 
	width:26vw; 
	background-color:#a8a632;
	display:block;
}
#date_display
{
	
}
.box_legend
{
	font-size:3vw;
}
}


@media only screen 
and (min-width : 480px) 
and (max-width : 799px) 
 {
	 .word_name
{
	font-size:2.5vw;
	text-decoration:underline;
}

.tiny_link
{
	font-size:0.75vw;
}
	 .word_meaning
{
	font-size:2.5vw;

	
}
	 	.holiday_name
{
	font-size:20px;
	font-weight:bold;
}
.logo_img
{
	width:100px;
	
}
#logo
{
	height:200px;
}
.banner_ad
{

margin-left:auto;
	margin-right:0px;
	height:100px; width:480px; display:block;
//	background-color:blue;
	//display:block;
}
.bottom_ad
{
margin-left:auto;
	margin-right:0px;
	margin-top:5px;
	height:100px; 
	width:90vw;
	//background-color:#a8a632;
	//display:block;
}
.small_ad
{
margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	height:26vw; 
	width:26vw; 
	background-color:#a8a632;
	display:block;
}
.tagline
{
  font-size: 3.2vw;
   padding-left:20px;
}
.box_legend
{
	font-size:20px;
}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-width : 800px) 
and (max-width : 1023px) 
 {
	 .word_name
{
	font-size:2.5vw;
	text-decoration:underline;
}

.tiny_link
{
	font-size:0.75vw;
}
	 .word_meaning
{
	font-size:1.5vw;
}
	 	.holiday_name
{
	font-size:20px;
	font-weight:bold;
}
.logo_img
{
	width:150px;
	
}
#logo
{
	height:280px;
}
.banner_ad
{
	margin-left:auto;
	margin-right:0px;
	height:100px; width:728px;
	//background-color:#a8a632;
	//display:block;
}
.small_ad
{
margin-left:auto;
	margin-right:auto;
	margin-top:5px;
height:26vw; 
	width:26vw; 
	background-color:#a8a632;
	display:block;
}
.bottom_ad
{
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	height:100px; 
	width:90vw;
	//background-color:#a8a632;
	//display:block;
}
.tagline
{
  font-size: 3.4vw;
   padding-left:20px;
}
.box_legend
{
	font-size:20px;
}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1024px) 
{
	.word_name
{
	font-size:2.5vw;
	text-decoration:underline;
}
.tiny_link
{
	font-size:0.75vw;
}
	.word_meaning
{
	font-size:1.5vw;
}
	.holiday_name
{
	font-size:24px;
	font-weight:bold;
}
.logo_img
{
	width:245px;
	
}
#logo
{
	height:280px;
}
.banner_ad
{
	margin-left:auto;
	margin-right:0px;
	height:100px; width:728px; 


}
.bottom_ad
{
	margin-left:auto;
	margin-right:0px;
	margin-top:5px;
	height:100px; width:728px; display:block;
	//background-color:#a8a632;
	//display:block;
}
.small_ad
{
margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	height:250px; width:300px; 
	//background-color:#a8a632;
	display:block;
}
.tagline
{
  font-size: 3.4vw;
   padding-left:80px;
}
.box_legend
{
	font-size:25px;
}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
    /* Styles */
.word_name
{
	font-size:2.5vw;
	text-decoration:underline;
}
.tiny_link
{
	font-size:0.75vw;
}
	.word_meaning
{
	font-size:1.5vw;
}
}

body
{
	display:block;
	
}
.banner_ad
{
		margin-top:20px;
}
.tiny_link
{
	text-align:left;

}
#main_wrapper
{
display:block;
height:100vh;
	
}


#right_top
{
	top:0px;
	display: table;
	
}

#header_blurb
{
	font-family:arial;
	width:516px;
	font-weight:bold;
	font-style:italic;
	display: table-cell;
}
.large_header_text
{
	font-size:26px;
	
}
.medium_header_text
{
	font-size:18px;
	
}
.small_header_text
{
	font-size:70%;
	font-weight: normal;
}
.card_preview
{

   transform: scale(0.5) translateY(-50%);
   margin-bottom:-25% !important;

}
.card_preview_img
{
	transform: rotate(180deg);
}
.small_table_div
{
display: table;	

}
.small_table_row
{
	display:table-row;
}
.small_table_cell
{
	padding:1px 2px 1px 2px;
	display: table-cell;
}
.center
{
	margin:auto;
	text-align:center;
}
.img_center
{
	margin:auto;
	text-align:center;
	display:table;
	height:100%;
	width:100%;
}

.img_center_row
{
	
	display:table-row;
}
.img_center_cell
{

   text-align: center;
	display:table-cell;
}

.card_img_center_cell
{

   text-align: center;
	display:table-cell;
}
#footer
{
	margin-top:140px;
position:relative;
left:0px;
padding-top:10px;
bottom:0px;
min-height:30px;
width:100vw;
min-width:300px;
max-width:800px;
display:block;
	
}
.table
{
}

.row
{
	display: table-row;
}
.cell
{
	display: table-cell;
}

.no_underline_link a
{
	text-decoration:none;
}

.vert_middle
{
	vertical-align:middle;
}
.vert_top
{
	vertical-align:top;
}
.vert_bottom
{
	vertical-align:bottom;
}
.logo_img
{

	display:block;
}
.tagline
{
 text-align: center;
 color:#f04155;
background-color:#95cfb7;
  padding-right:auto;
    font-family:Kurale;

}
#date_display
{
	text-align:right;
	  font-size: 2.5vw;
}
.border
{
	border:2px;
	border-color:blue;
}
.heading_out
{
	background-color:#4C4532;
}
.download
{
	text-align:right;
	padding:0px 29px 0px 6px;
transform:skew(-20deg);
overflow:hidden;
width: 75%;
right:-12.3%;
  position: relative;
  

	border-radius: 10px 0px 0px 0px;
	
	//border-image: linear-gradient(180deg, white 10%, black 50%, white 90%);
  
	background-color:#4C4532;
	margin-right:auto;
	margin-left:auto;
	color:white;
    font-family:Arial;
	font-weight:bold;
}
.download div
{
		color:white;
	transform:skew(20deg);
}
.download a
{
	color:white;
  word-wrap: break-word;
}
.box_legend div
{
	transform:skew(-20deg);
}
.box_legend
{
	padding:0px 6px 0px 20px;
transform:skew(20deg);
overflow:hidden;
width: 75%;
left:-12%;
  position: relative;
  
	   //border-left: 30px solid #dad8cd;
    //border-right: 30px solid #dad8cd;
    //border-top: 10px solid #b3b1a8;
    //border-bottom: 10px solid #b3b1a8;
    //border-left: 30px solid #dad8cd;
    //border-right: 30px solid #dad8cd;
    //border-top: 10px solid #b3b1a8;
    //border-bottom: 10px solid #b3b1a8;
	border-radius: 0px 0px 10px 0px;
	
	//border-image: linear-gradient(180deg, white 10%, black 50%, white 90%);
  
text-shadow: 0 0 5px #9c9ccc;
	//  border-radius: 0px 35px 0px 0px;
	background-color:#4C4532;
	margin-right:auto;
	margin-left:auto;
	color:white;
    font-family:Kurale;
	font-weight:bold;
}
.fields
{
	overflow:hidden;
  margin:0px 0px 15px 0px;
  padding:0;
  //border-color: #95cfb7;
  //border-style: solid;
  border-width:4px;
  border-radius:3px;
  background-color:white;

}

.field_subheading
{
	color:#95cfb7;
}
#word_of_the_day
{
margin:0px 5px 0px 5px;	
}
.side_boxes
{
	min-width:32vw;
	width:32vw;
	max-width:32vw;
	vertical-align:top;

}
.middle_boxes
{
		min-width:26vw;
	width:26vw;
	padding:0px 15px 10px 10px;
	max-width:26vw;
	vertical-align:top;

}

	html, body
	{
		background-color:#D7D4C3;
		height: 100%;
	}
	


	a
	{
		color: #383326;
	}
	
	a:hover
	{
		text-decoration: none;
	}
	
	.container
	{
		overflow: hidden;
		margin: 0em auto;
		width: 1000px;
	}
	
/*********************************************************************************/
/* Image Style                                                                   */
/*********************************************************************************/

	.image
	{
		display: inline-block;
	}
	
	.image img
	{
		display: block;
		width: 100%;
	}
	
	.image-full
	{
		display: block;
		width: 100%;
		margin: 0 0 2em 0;
	}
	
	.image-left
	{
		float: left;
		margin: 0 2em 2em 0;
	}
	
	.image-centered
	{
		display: block;
		margin: 0 0 2em 0;
	}
	
	.image-centered img
	{
		margin: 0 auto;
		width: auto;
	}

/*********************************************************************************/
/* List Styles                                                                   */
/*********************************************************************************/

	ul.style1
	{
	}


/*********************************************************************************/
/* Title Styles                                                                   */
/*********************************************************************************/

	.title
	{
		padding: 0em 0em;
		margin-bottom: 3em;
	}
	
	.title h2
	{
		margin-bottom: 1em;
		text-transform: uppercase;
		font-weight: 700;
		font-size: 2em;
		color: #383326;
	}

/*********************************************************************************/
/* Social Icon Styles                                                            */
/*********************************************************************************/

	ul.contact
	{
		margin: 0;
		padding: 2em 0em 0em 0em;
		list-style: none;
	}
	
	ul.contact li
	{
		display: inline-block;
		padding: 0em 0.30em;
		font-size: 1em;
	}
	
	ul.contact li span
	{
		display: none;
		margin: 0;
		padding: 0;
	}
	
	ul.contact li a
	{
		color: #FFF;
	}
	
	ul.contact li a:before
	{
		display: inline-block;
		background: #3f3f3f;
		width: 40px;
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
		text-align: center;
		color: #FFFFFF;
	}
	
	ul.contact li a.icon-twitter:before { background: #2DAAE4; }
	ul.contact li a.icon-facebook:before { background: #39599F; }
	ul.contact li a.icon-dribbble:before { background: #C4376B;	}
	ul.contact li a.icon-tumblr:before { background: #31516A; }
	ul.contact li a.icon-rss:before { background: #F2600B; }

/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/

	.button
	{
		display: inline-block;
		padding: 1em 3em 1em 2em;
		background: #4C4532;
		letter-spacing: 0.20em;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 400;
		font-size: 0.90em;
		color: #FFF;
	}
	
	.button:before
	{
		display: inline-block;
		background: #FFC31F;
		margin-right: 1em;
		width: 40px;
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
		text-align: center;
		color: #272925;
	}
		
/*********************************************************************************/
/* 4-column                                                                      */
/*********************************************************************************/

	.box1,
	.box2,
	.box3,
	.box4
	{
		width: 235px;
	}
	
	.box1,
	.box2,
	.box3,
	{
		float: left;
		margin-right: 20px;
	}
	
	.box4
	{
		float: right;
	}
	
/*********************************************************************************/
/* 3-column                                                                      */
/*********************************************************************************/

	.boxA,
	.boxB,
	.boxC
	{
		width: 320px;
	}

	.boxA,
	.boxB
	{
		float: left;
		margin-right: 20px;
	}
	
	.boxC
	{
		float: right;
	}

/*********************************************************************************/
/* 2-column                                                                      */
/*********************************************************************************/

	.tbox1,
	.tbox2
	{
		width: 575px;
	}
	
	.tbox1
	{
		float: left;
	}

	.tbox2
	{
		float: right;
	}

	#wrapper
	{
	}




/*********************************************************************************/
/* Page                                                                          */
/*********************************************************************************/

	#page
	{
		overflow: hidden;
		padding: 5em 0em;
		background: #D7D4C3;
	}
