@charset "utf-8";
/* CSS Document */




/*  BOX SIZING  ================================================ */
.main, .blurb {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}





/* spacer cell at end */
.spacer_logo {
    width: 100%;
    height: auto;
}
/* hide spacer on mobile */
@media all and (max-width: 800px) {
    #story000 {display: none;}
}




/* captions for 26% width cells */
.caption26 {
    position: absolute;
    bottom: 4%;
    left: 4%;
    width: 92%;
    height: auto;
    z-index: 3;
    opacity: 1;
    transition: opacity .3s;
}

/* visible caption p */
.caption26 p {
    display: block;  /* just to be safe, since news_type is inline-block */
    color: #ffffff;
    /*font-size: 1.5em;
    line-height: 1.2em;   SET BELOW*/
    font-weight: 600;
    text-align: left;
    text-shadow: 2px 1px 0px #000000;
}



/*  BLURBS ONLY ================================================ */
/*  BLURBS ONLY ================================================ */
/*  BLURBS ONLY ================================================ */
/*  BLURBS ONLY ================================================ */
/*  BLURBS ONLY ================================================ */
/*  BLURBS ONLY ================================================ */
/*  BLURBS ONLY ================================================ */

/*  344 AND BELOW ================================================ */
@media all and (max-width: 344px) {
	/*-- blurb----*/
	.blurb {
        display: block;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	.blurb h1 {
		text-align: left;
		color: #002382;
		font-size: 1.6em;
		line-height: 1em;
		font-weight: 800;
		margin-bottom: 15px;
	}
}

/*  345 to 600 ================================================ */
/*  iphone 7 portrait */
@media all and (max-width: 600px) and (min-width: 345px) {
	/*-- blurb----*/
	.blurb {
        display: block;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	.blurb h1 {
		text-align: left;
		color: #002382;
		font-size: 2em;
		line-height: 1.2em;
		font-weight: 800;
	}
}

/*  601 TO 768 ================================================ */
/* iphone 7 landscape */
@media all and (max-width: 768px) and (min-width: 601px) {
	/*-- blurb----*/
	.blurb {
        display: block;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	.blurb h1 {
		text-align: left;
		color: #002382;
		font-size: 2em;
		line-height: 1.2em;
		font-weight: 800;
		margin-bottom: 15px;
	}
}

/*  769 TO 1024 ================================================ */
/*  ipad pro portrait*/
@media all and (max-width: 1024px) and (min-width: 769px) {
	/*-- blurb----*/
	.blurb {
        display: block;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	.blurb h1 {
		text-align: left;
		color: #002382;
		font-size: 2.2em;
		line-height: 1.4em;
		font-weight: 800;
	}
}

/*  1025 TO 1200 ================================================ */
@media all and (max-width: 1200px) and (min-width: 1025px) {
	/*-- blurb----*/
	.blurb {
        display: block;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	.blurb h1 {
		text-align: left;
		color: #002382;
		font-size: 2.2em;
		line-height: 1.4em;
		font-weight: 800;
	}
}

/*  1201 TO 1500 ================================================ */
/*  ipad pro landscape */
@media all and (max-width: 1500px) and (min-width: 1201px) {
	/*-- blurb----*/
	.blurb {
        display: block;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	.blurb h1 {
		text-align: left;
		color: #002382;
		font-size: 2.3em;
		line-height: 1.6em;
		font-weight: 800;
	}
}


/*  1501PX AND ABOVE ================================================ */
@media all and (min-width: 1501px) {
	/*-- blurb----*/
	.blurb {
        display: block;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.blurb h1 {
		text-align: left;
		color: #002382;
		font-size: 2.4em;
		line-height: 1.6em;
		font-weight: 800;
	}	
}









/*  MOBILE ================================================ */
/*  MOBILE ================================================ */
/*  MOBILE ================================================ */
/*  MOBILE ================================================ */
/*  MOBILE ================================================ */
/*  MOBILE ================================================ */
/*  MOBILE ================================================ */
/*  MOBILE ================================================ */
/*  MOBILE ================================================ */
/*  800 AND BELOW ======================================== */
@media all and (max-width: 800px) {

	
	/* main ----------------------------*/
	.main {
		display: block;
		margin: 0 auto 120px auto;
		width: 86%; /* used to set with padding 10% r-l */
		max-width: 1500px;
	}



	/* news table, row, cell, img  ----------------------*/
	.news_table {
		display: block;
		margin: 0 auto 0 auto;
		width: 100%;
	}

	.news_row {
		display: block;
		width: 100%;
	}
	
	.news_cell {
		display: block;
	}

	.news_cell img {
		width: 100%;
		vertical-align: top;
	}

	
	/* cell widths options  ----------------------*/
	.width37 {
		width: 100%;
	}
	.width26 {
		width: 100%;
		vertical-align: middle;
	}
	.width26_alt {
		width: 100%;
	}	
	.width50 {
		width: 100%;
	}	
    .width100 {
        width: 100%;
    }
	
	/* cell color options  ----------------------*/
	.blue_cell {
		background-color: rgb(38,36,123);
	}
	.orange_cell {
		background-color: rgb(255,144,0);
	}
	.gray_cell {
		background-color: rgb(140,140,140);
	}
	
	
	
	
	
	/* wrapper for absolute children */
	.wrapper {
		position: relative;
		display: block;
		height: 100%;
	}
	
	/* gradient behind caption */
	.gradient37 {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 30%;
		z-index: 2;
		background-color: rgba(0,0,0, 0.6);
			background: -webkit-linear-gradient(bottom, rgba(0,0,0,.6), rgba(0,0,0,0));/*Safari 5.1-6*/ 
			background: -o-linear-gradient(bottom, rgba(0,0,0,.6), rgba(0,0,0,0)); /*Opera*/ 
			background: -moz-linear-gradient(bottom,rgba(0,0,0,.6),rgba(0,0,0,0)); /*Fx 3.6-15*/
			background: linear-gradient(to top, rgba(0,0,0,.6), rgba(0,0,0,0));/*Opera 11.1-12*/ 
	}
	

	
	/* captions for 37% width cells */
	.caption37 {
		position: absolute;
		bottom: 4%;
		left: 4%;
		width: 92%;
		height: auto;
		z-index: 3;
		opacity: 1;
		transition: opacity .3s;
	}
    

    
	
	/* visible caption header  */
	.category37 {
		display: inline-block;  /* didn't want color background to span full news story */
		color: #ffffff;
		background-color: #000000;
		text-transform: uppercase;
		/*font-size: .7em;  SET BELOW */
		font-weight: 600;
		letter-spacing: 1px;
		text-align: left;
		padding: 4px 6px 3px 6px; /* space left and right in box */
	}

	/* visible caption p */
	.caption37 p {
		display: block;  /* just to be safe, since news_type is inline-block */
		color: #ffffff;
		/*font-size: 1.5em;
		line-height: 1.2em;   SET BELOW*/
		font-weight: 600;
		text-align: left;
		text-shadow: 2px 1px 0px #000000;
	}
	
	
	/* hover caption */
	.hover37 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 4;
		background-color: rgba(0,0,0,.8);
		opacity: 0;
		transition: opacity .3s ease;
	}
	
	.hover37 p {
		position: absolute;
		width: 92%;
		left: 4%;
		bottom: 4%;
		color: #ffffff;
		/*	font-size: 1.5em;
		line-height: 1.2em;  SET BELOW */	
		font-weight: 200;
		text-align: left;
	}
	
	
	/*hover triggers */
	.news_cell:hover .hover37 {
		opacity: 1;
	}
	.news_cell:hover .caption37 {
		opacity: 0;
	}
	
	
	
	
	
	/* cells that are 26%  ----------------------*/
	

	.width26 h2 {
		text-transform: uppercase;
		/*	font-size: .8em; SET BELOW  */
		font-weight: 800;
		letter-spacing: 1px;
		text-align: left;
	}
	
	.width26 p {
		/*	font-size: 1.5em;
		line-height: 1.2em;   SET BELOW */	
		font-weight: 200;
		text-align: left;
		transition: opacity .2s ease; /* for ones with links */	
	}
	
	.blue_text {
		color: rgb(38,36,123);
	}
	.orange_text {
		color: rgb(255,144,0);
	}
	.gray_text {
		color: rgb(144,144,144);
	}
	.black_text {
		color: #000000;
	}
	.white_text {
		color: #ffffff;
	}
	
	/* text fades on hover */
	.width26:hover p {
		opacity: 0.6;
	}
	

	
	/* borders  ----------------------*/
    .tile0 {
		border-top: 0px solid #ffffff;
		border-right: 0px solid #ffffff;
		border-bottom: 30px solid #ffffff;
		border-left: 0px solid #ffffff;
    }
    
	.tile1 {
		border-top: 0px solid #ffffff;
		border-right: 0px solid #ffffff;
		border-bottom: 30px solid #ffffff;
		border-left: 0px solid #ffffff;
	}
	.tile2 {
		border-top: 0px solid #ffffff;
		border-right: 0px solid #ffffff;
		border-bottom: 30px solid #ffffff;
		border-left: 0px solid #ffffff;
	}
	.tile3 {
		border-top: 0px solid #ffffff;
		border-right: 0px solid #ffffff;
		border-bottom: 30px solid #ffffff;
		border-left: 0px solid #ffffff;
	}

    
    /* show-hide Ed image */
    #story058 .wrapper {background-color: rgb(0,0,0);}
    #edx1photo {transition: opacity .2s ease;}
    #edx3photo {display: none;}
    #inmemory {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 60%;
        height: 32%;
        z-index: 3;
    }
	/*hover triggers */
	.news_cell:hover #edx1photo {
		opacity: .4;
	}
	    
    
    
    
    

	
}


@media all and (max-width: 800px) and (min-width: 769px) {
	
	.main {
		width: 80%; /* needs to match header width*/
	}
}





/*  GRID ================================================ */
/*  GRID ================================================ */
/*  GRID ================================================ */
/*  GRID ================================================ */
/*  GRID ================================================ */
/*  GRID ================================================ */
/*  GRID ================================================ */
/*  801 AND ABOVE ================================================ */
@media all and (min-width: 801px) {

	
	/* main ----------------------------*/
	.main {
		display: block;
		margin: 0 auto 120px auto;
		width: 80%; /* used to set with padding 10% r-l */
		max-width: 1500px;
	}
	

	/* news table, row, cell, img  ----------------------*/
	.news_table {
		display: table;
		margin: 0 auto 0 auto;
		width: 100%;
	}

	.news_row {
		display: table-row;
		width: 100%;
	}
	
	.news_cell {
		display: table-cell;
	}

	.news_cell img {
		width: 100%;
		vertical-align: top;
	}
	

	

	
	/* cell widths options  ----------------------*/
	.width37 {
		width: 37%;
	}
	.width26 {
		width: 26%;
		vertical-align: middle;
	}
	.width26_alt {
		width: 26%;
	}
	.width50 {
		width: 50%;
	}
	.width63 {
		width: 63%;
	}
    .width100 {
        width: 100%;
    }
    
    
	/* cell color options  ----------------------*/
	.blue_cell {
		background-color: rgb(38,36,123);
	}
	.orange_cell {
		background-color: rgb(255,144,0);
	}
	.gray_cell {
		background-color: rgb(140,140,140);
	}
	
	
	
	
	
	/* wrapper for absolute children */
	.wrapper {
		position: relative;
		display: block;
		height: 100%;
	}
	
	/* gradient behind caption */
	.gradient37 {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 30%;
		z-index: 2;
		background-color: rgba(0,0,0, 0.6);
			background: -webkit-linear-gradient(bottom, rgba(0,0,0,.6), rgba(0,0,0,0));/*Safari 5.1-6*/ 
			background: -o-linear-gradient(bottom, rgba(0,0,0,.6), rgba(0,0,0,0)); /*Opera*/ 
			background: -moz-linear-gradient(bottom,rgba(0,0,0,.6),rgba(0,0,0,0)); /*Fx 3.6-15*/
			background: linear-gradient(to top, rgba(0,0,0,.6), rgba(0,0,0,0));/*Opera 11.1-12*/ 
	}
	


	/* captions for 37% width cells */
	.caption37 {
		position: absolute;
		bottom: 4%;
		left: 4%;
		width: 92%;
		height: auto;
		z-index: 3;
		opacity: 1;
		transition: opacity .3s;
	}
	
	/* visible caption header  */
	.category37 {
		display: inline-block;  /* didn't want color background to span full news story */
		color: #ffffff;
		background-color: #000000;
		text-transform: uppercase;
		/*font-size: .7em;  SET BELOW */
		font-weight: 600;
		letter-spacing: 1px;
		text-align: left;
		padding: 2px 6px 0 6px; /* space left and right in box */
	}

	/* visible caption p */
	.caption37 p {
		display: block;  /* just to be safe, since news_type is inline-block */
		color: #ffffff;
		/*font-size: 1.5em;
		line-height: 1.2em;   SET BELOW*/
		font-weight: 600;
		text-align: left;
		text-shadow: 2px 1px 0px #000000;
	}
	
	
	/* hover caption */
	.hover37 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 4;
		background-color: rgba(0,0,0,.8);
		opacity: 0;
		transition: opacity .3s ease;
	}
	
	.hover37 p {
		position: absolute;
		width: 92%;
		left: 4%;
		bottom: 4%;
		color: #ffffff;
		/*	font-size: 1.5em;
		line-height: 1.2em;  SET BELOW */	
		font-weight: 200;
		text-align: left;
	}
	
	
	/*hover triggers */
	.news_cell:hover .hover37 {
		opacity: 1;
	}
	.news_cell:hover .caption37 {
		opacity: 0;
	}
	
	
	
	
	
	/* cells that are 26%  ----------------------*/

	
	.width26 h2 {
		text-transform: uppercase;
		/*	font-size: .8em; SET BELOW  */
		font-weight: 800;
		letter-spacing: 1px;
		text-align: left;
	}
	
	.width26 p {
		/*	font-size: 1.5em;
		line-height: 1.2em;   SET BELOW */	
		font-weight: 200;
		text-align: left;
		transition: opacity .2s ease; /* for ones with links */	
	}
	
	.blue_text {
		color: rgb(38,36,123);
	}
	.orange_text {
		color: rgb(255,144,0);
	}
	.gray_text {
		color: rgb(144,144,144);
	}
	.black_text {
		color: #000000;
	}
	.white_text {
		color: #ffffff;
	}
	
	/* text fades on hover */
	.width26:hover p {
		opacity: 0.6;
	}
	
    
    
    /* show-hide Ed image */
    #story058 .wrapper {background-color: rgb(0,0,0);}
    #edx1photo {display: none;}
    #edx3photo {transition: opacity .2s ease;}
    #inmemory {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 50%;
        height: 22%;
        z-index: 3;
    }
	.news_cell:hover #edx3photo {
		opacity: .4;
	}    
    

}


@media all and (max-width: 1100px) and (min-width: 801px) {
	
	/* borders  ----------------------*/
    .tile0 {
		border-top: 6px solid #ffffff;
		border-right: 0px solid #ffffff;
		border-bottom: 6px solid #ffffff;
		border-left: 0px solid #ffffff;
    }
    
    .tile1 {
		border-top: 6px solid #ffffff;
		border-right: 9px solid #ffffff;
		border-bottom: 6px solid #ffffff;
		border-left: 0px solid #ffffff;
	}
	.tile2 {
		border-top: 6px solid #ffffff;
		border-right: 3px solid #ffffff;
		border-bottom: 6px solid #ffffff;
		border-left: 3px solid #ffffff;
	}
	.tile3 {
		border-top: 6px solid #ffffff;
		border-right: 0px solid #ffffff;
		border-bottom: 6px solid #ffffff;
		border-left: 6px solid #ffffff;
	}

    
		
}





@media all and (min-width: 1101px) {
	
	/* borders  ----------------------*/
    .tile0 {
		border-top: 9px solid #ffffff;
		border-right: 0px solid #ffffff;
		border-bottom: 9px solid #ffffff;
		border-left: 0px solid #ffffff;
    }    
    
	.tile1 {
		border-top: 9px solid #ffffff;
		border-right: 12px solid #ffffff;
		border-bottom: 9px solid #ffffff;
		border-left: 0px solid #ffffff;
	}
	.tile2 {
		border-top: 9px solid #ffffff;
		border-right: 6px solid #ffffff;
		border-bottom: 9px solid #ffffff;
		border-left: 6px solid #ffffff;
	}
	.tile3 {
		border-top: 9px solid #ffffff;
		border-right: 0px solid #ffffff;
		border-bottom: 9px solid #ffffff;
		border-left: 12px solid #ffffff;
	}
    
    
		
}






















/*  SCALING FONT SIZES  ================================================ */
/*  SCALING FONT SIZES  ================================================ */
/*  SCALING FONT SIZES  ================================================ */



/*  below 500 ================================================ */
@media all and (max-width: 500px)  {
	


	/* visible caption header  */
	.category37 {
		font-size: .7em;
		line-height: 1em;
	}

	/* visible caption p */
	.caption37 p {
		font-size: 1.2em;
		line-height: 1.2em;
		margin: 0px 0 0 0;
	}
	
	/* visible caption p */
	.caption26 p {
		font-size: 1.2em;
		line-height: 1.2em;
		margin: 0px 0 0 0;
	}    
    
	.hover37 p {
		font-size: 1.2em;
		line-height: 1.2em;
	}
	
	/* cells that are 26%  */
	
	.width26 {
		box-sizing: border-box;
		padding: 30px 30px 30px 30px; /* once it's mobile, stacked, i switched to setting padding here. not sure why anymore.*/
	}
	
	.width26 h2 {
		font-size: .7em;
		margin: 0 0 0 0;
	}
	
	.width26 p {
		font-size: 1.4em;
		line-height: 1.3em;
		margin: 10px 0 0 0;
	}
	
}



/*  701 to 800 ================================================ */
@media all and (max-width: 800px) and (min-width: 501px) {
	


	/* visible caption header  */
	.category37 {
		font-size: .7em;
	}

	/* visible caption p */
	.caption37 p {
		font-size: 1.4em;
		line-height: 1.2em;
		margin: 0px 0 0 0;
	}
    
	/* visible caption p */
	.caption26 p {
		font-size: 1.4em;
		line-height: 1.2em;
		margin: 0px 0 0 0;
	}	
	.hover37 p {
		font-size: 1.4em;
		line-height: 1.2em;
	}
    
	/* cells that are 26%  */
	
	.width26 {
		box-sizing: border-box;
		padding: 40px 40px 40px 40px; /* once it's mobile, stacked, i switched to setting padding here. not sure why anymore.*/
	}
	
	.width26 h2 {
		font-size: .8em;
		margin: 0 0 0 0;
	}
	
	.width26 p {
		font-size: 1.6em;
		line-height: 1.3em;
		margin: 10px 0 0 0;
	}
	
}












/*  801 to 900 ================================================ */
@media all and (max-width: 900px) and (min-width: 801px) {
	


	/* visible caption header  */
	.category37 {
		font-size: .5em;
	}

	/* visible caption p */
	.caption37 p {
		font-size: .85em;
		line-height: 1.2em;
		margin: 0px 0 0 0;
	}
	
	/* visible caption p */
	.caption26 p {
		font-size: .85em;
		line-height: 1.2em;
		margin: 0px 0 0 0;
	}
    
	.hover37 p {
		font-size: .85em;
		line-height: 1.2em;
	}
	
	/* cells that are 26%  */
	.width26 h2 {
		font-size: .55em;
		margin: 0 0 0 15px;
	}
	
	.width26 p {
		font-size: .85em;
		line-height: 1.3em;
		margin: 4px 15px 0 15px;
	}
	
}


/*  901 to 1000 ================================================ */
@media all and (max-width: 1000px) and (min-width: 901px) {
	


	/* visible caption header  */
	.category37 {
		font-size: .55em;
	}

	/* visible caption p */
	.caption37 p {
		font-size: .9em;
		line-height: 1.2em;
		margin: 0px 0 0 0;
	}
    
	/* visible caption p */
	.caption26 p {
		font-size: .9em;
		line-height: 1.2em;
		margin: 0px 0 0 0;
	}	

    .hover37 p {
		font-size: .9em;
		line-height: 1.2em;
	}
    
	/* cells that are 26%  */
	.width26 h2 {
		font-size: .6em;
		margin: 0 0 0 15px;
	}
	
	.width26 p {
		font-size: .9em;
		line-height: 1.3em;
		margin: 4px 15px 0 15px;
	}
	
}


/*  1001 to 1100 ================================================ */
/* ipad pro portrait*/
@media all and (max-width: 1100px) and (min-width: 1001px) {
	


	/* visible caption header  */
	.category37 {
		font-size: .55em;
	}

	/* visible caption p */
	.caption37 p {
		font-size: 1em;
		line-height: 1.2em;
		margin: 0px 0 0 0;
	}
    
	/* visible caption p */
	.caption26 p {
		font-size: 1em;
		line-height: 1.2em;
		margin: 0px 0 0 0;
	}	
    
	.hover37 p {
		font-size: 1em;
		line-height: 1.2em;
	}
    
	/* cells that are 26%  */
	.width26 h2 {
		font-size: .6em;
		margin: 0 0 0 15px;
	}
	
	.width26 p {
		font-size: 1em;
		line-height: 1.3em;
		margin: 4px 15px 0 15px;
	}
	
}

	

/*  1101 to 1200 ================================================ */
@media all and (max-width: 1200px) and (min-width: 1101px) {
	

	/* visible caption header  */
	.category37 {
		font-size: .55em;
	}

	/* visible caption p */
	.caption37 p {
		font-size: 1.15em;
		line-height: 1.2em;
		margin: 0px 0 0 0;
	}
	
	/* visible caption p */
	.caption26 p {
		font-size: 1.15em;
		line-height: 1.2em;
		margin: 0px 0 0 0;
	}
    
    .hover37 p {
		font-size: 1em;
		line-height: 1.2em;
	}
    
	/* cells that are 26%  */
	.width26 h2 {
		font-size: .7em;
		margin: 0 0 0 20px;
	}
	
	.width26 p {
		font-size: 1.15em;
		line-height: 1.3em;
		margin: 4px 20px 0 20px;
	}
		
}


/*  1201 to 1300 ================================================ */
@media all and (max-width: 1300px) and (min-width: 1201px) {
	

	/* visible caption header  */
	.category37 {
		font-size: .55em;
	}

	/* visible caption p */
	.caption37 p {
		font-size: 1.2em;
		line-height: 1.2em;
		margin: 4px 0 0 0;
	}
	
	/* visible caption p */
	.caption26 p {
		font-size: 1.2em;
		line-height: 1.2em;
		margin: 4px 0 0 0;
	}
    
	.hover37 p {
		font-size: 1em;
		line-height: 1.2em;
	}
    
	/* cells that are 26%  */
	.width26 h2 {
		font-size: .7em;
		margin: 0 0 0 25px;
	}
	
	.width26 p {
		font-size: 1.2em;
		line-height: 1.3em;
		margin: 6px 25px 0 25px;
	}
	
}

/*  1301 to 1400 ================================================ */
/* ipad pro landscape */
@media all and (max-width: 1400px) and (min-width: 1301px) {
	

	/* visible caption header  */
	.category37 {
		font-size: .6em;
	}

	/* visible caption p */
	.caption37 p {
		font-size: 1.3em;
		line-height: 1.2em;
		margin: 5px 0 0 0;
	}
	
	/* visible caption p */
	.caption26 p {
		font-size: 1.3em;
		line-height: 1.2em;
		margin: 5px 0 0 0;
	}
    
    .hover37 p {
		font-size: 1.1em;
		line-height: 1.2em;
	}
	
	/* cells that are 26%  */
	.width26 h2 {
		font-size: .7em;
		margin: 0 0 0 25px;
	}
	
	.width26 p {
		font-size: 1.3em;
		line-height: 1.3em;
		margin: 6px 25px 0 25px;
	}
	
}



/*  1401 to 1500 ================================================ */
@media all and (max-width: 1500px) and (min-width: 1401px) {
	

	/* visible caption header  */
	.category37 {
		font-size: .65em;
	}

	/* visible caption p */
	.caption37 p {
		font-size: 1.4em;
		line-height: 1.2em;
		margin: 5px 0 0 0;
	}
    
	/* visible caption p */
	.caption26 p {
		font-size: 1.4em;
		line-height: 1.2em;
		margin: 5px 0 0 0;
	}    

	.hover37 p {
		font-size: 1.2em;
		line-height: 1.2em;
	}
	
	/* cells that are 26%  */
	.width26 h2 {
		font-size: .75em;
		margin: 0 0 0 25px;
	}
	
	.width26 p {
		font-size: 1.4em;
		line-height: 1.3em;
		margin: 6px 25px 0 25px;
	}	
}

/*  1501 AND ABOVE ================================================ */
@media all and (min-width: 1501px) {
	
	/* visible caption header  */
	.category37 {
		font-size: .7em;
	}

	/* visible caption p */
	.caption37 p {
		font-size: 1.5em;
		line-height: 1.2em;
		margin: 5px 0 0 0;
	}

	/* visible caption p */
	.caption26 p {
		font-size: 1.5em;
		line-height: 1.2em;
		margin: 5px 0 0 0;
	}
    
	.hover37 p {
		font-size: 1.2em;
		line-height: 1.2em;
	}
    	
	/* cells that are 26%  */
	.width26 h2 {
		font-size: .8em;
		margin: 0 0 0 30px;
	}
	
	.width26 p {
		font-size: 1.5em;
		line-height: 1.3em;
		margin: 6px 25px 0 30px;
	}
	
}


/* */
@media all and (max-width: 1024px) and (min-width: 769px) {
	.main {
		margin-bottom: 270px;
	}
}




/*  ANNIVERSARY MESSSAGE */


#anniversarymsg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
    text-align: center;
}

@media all and (max-width: 800px) {
    #anniversarymsg {width: 80%; height: 46%;}
    #anniversaryx3 {
        display: none;
    }
    #annivesaryx1 {display: block;}
    
}
@media all and (min-width: 801px) {
    #anniversarymsg {width: 80%; height: 46%;}
    #anniversaryx3 {
        display: block;
    }
    #annivesaryx1 {display: none;}

}