.grid-container {
		display: grid;
		/*grid-template-columns: 270px auto 270px;
		grid-template-rows: 70px 27px 27px 40px 120px auto auto auto auto ;*/
		grid-template-areas:    
		'header header header'
		'myMenu myMenu search'
		'breadcrumb breadcrumb search'
		'portions portions portions'
		'slide-in slide-in slide-in'
		'nav-bar article-1 article-1'
		'nav-bar article-2 article-2'
		'nav-bar .          .'
		'pagination pagination pagination'
		'footer footer footer';
		background-color: #fdd091;
	}
.item1-a1 {grid-area: header; }
.item1-a2 {grid-area: header; }			
.item2-a1 {grid-area: myMenu; }
.item2-a2 {grid-area: myMenu; }	
.item3-a1 {grid-area: breadcrumb; }
.item3-a2 {grid-area: breadcrumb; }	
.item4-a1 {grid-area: search; 	}
.item4-a2 {grid-area: search; 	}		
.item5-a1 {grid-area: portions; 
	margin-top:125px;
	margin-left:50px;
	margin-right:20px;
}
.item5-a2 {grid-area: portions; 
	margin-top:125px;
	margin-left:50px;
	margin-right:20px;
}		
.item6-a1 {grid-area: slide-in; 
	
}
.item6-a2 {grid-area: slide-in; 
	
}			
.item7-a1 {grid-area: nav-bar; }
.item7-a2 {grid-area: nav-bar; }			
.item8-a1 {grid-area: article-1; }
			
.item8-a2 {grid-area: article-1;
	margin:0 20px 0 0px;
}
.item9-a1 {grid-area: article-2; }
.item9-a2 {grid-area: article-2; 
	margin-left:75px;
	margin-right:40px;
}		
.item10-a1 {grid-area:pagination; }
		
.item10-a2 {grid-area:pagination;
	margin-left:100px;
}
		
		
.item11-a1 {grid-area: footer;	}
.item11-a2 {grid-area: footer;	}
	
	/*.grid-container {
  		display: grid;
  		grid-template-areas: 
	   'header header header'
		'myMenu myMenu search'
		'breadcrumb breadcrumb search'
		'portions portions portions'
		'slide-in slide-in slide-in'
		'nav-bar article-1 article-1'
		'nav-bar article-2 article-2'
		'nav-bar .          .'
		'pagination pagination pagination'
		'footer footer footer';
	
  		grid-gap: 0px;
  		background-color: #fdd091;
  		padding: 0px;
}*/
	@media only screen and (max-width: 1700px){
		.poem-title {
			margin-left: -350px;
		}
}
	@media only screen and (max-width: 1600px){
		.poem-title {
			margin-left: -250px;
		}
}
	@media only screen and (max-width: 1500px){
		.poem-title {
			margin-left: -100px;
		}
}
	@media only screen and (max-width: 1450px){
		.poem-title {
			margin-left: -200px;
		}

		#poem-col-1 {
			font-size:14px;
			font-weight:700;
			background-color:#fdd091;
		}
		#poem-col-2 {
			font-size:14px;
			font-weight:700;
			background-color:#fdd091;
		}
		.p-col1 {
			grid-area:p-col1;
			width:380px;
			margin-top:50px;
		}
		.author {
			margin-left: 500px;
		}
		.flower {
			grid-area:flower;
			width:200px;
			margin:-900px auto 0 360px;
		}
		.p-col2 {
			grid-area:p-col2;
			width:420px;
			/*border:2px solid yellow;*/
			margin-left:600px;
			margin-top:-740px;
		}
}
	@media only screen and (max-width: 1300px){
		.p-col1 {
			grid-area:p-col1;
			width:380px;
			margin-top:50px;
			margin-left:0px;
		}
		.flower {
			grid-area:flower;
			width:200px;
			margin:-900px auto 0 315px;
		}
		.p-col2 {
			grid-area:p-col2;
			width:420px;
			/*border:2px solid yellow;*/
			margin-left:450px;
			margin-top:-740px;
		}
		.post {
			margin-left:-250px;
		}
		
}
	@media only screen and (max-width: 1150px){
		/*grid-template-rows: 70px 27px 27px 60px 40px auto auto auto auto ;*/
		.grid-container-abt1 {
		display: grid;
		grid-template-columns: 270px auto 270px;
		grid-template-rows: 70px 27px 27px 40px 120px auto auto auto auto auto ;
		grid-template-areas: 
	    'header header header'
		'myMenu myMenu search'
		'breadcrumb breadcrumb search'
		'portions portions portions'
		'slide-in slide-in slide-in'
		'article-1 article-1 article-1'
		'article-2 article-2 article-2'
		'nav-bar .          .'
		'nav-bar .          .'
		'nav-bar .          .'
		'pagination pagination pagination'
		'footer footer footer';
		background-color: #fdd091;
	}
		.item5-a1 {
			display:block;
			margin-top:0px;
		}
		.item5-a1 p {
			margin: 0px 0px 0 0px;
			background-color:fdd091;
		}
		.item6-a1 {
			margin:90px 0 0 80px;
		}
		.item8-a1 {
			/*grid-column:2 / span 2;
			grid-row:6;
			/*grid-area:article-1;*/
			margin:1430px 20px 0 -200px;
		}
		.item8-a1 p {
			margin-right: 45px;
			margin-left: 40px;
			/*min-width: 280px;*/
		}
		.item8-a1 h1 {
			margin: 0px auto 0 60px;
		}
		.post {
			margin-left:-50px;
			margin-right: 25px;   <!important--added 14 Apr 2025 --->
		}
		.author {
			margin-left:350px;
		}
		
		.item10-a1 {
			margin-left:0px;
		}
		.item7-a1 {
			grid-column:1;
			grid-row:8;
			margin-top:30px;
		}
	
} 
	@media only screen and (max-width: 1030px){	
		.grid-container {
		display: grid;
		grid-template-columns: 270px auto 270px;
		grid-template-rows: 70px 27px 27px 40px 120px auto auto auto auto auto ;
		grid-template-areas: 
	    'header header header'
		'myMenu myMenu search'
		'breadcrumb breadcrumb search'
		'portions portions portions'
		'slide-in slide-in slide-in'
		'article-1 article-1 article-1'
		'article-2 article-2 article-2'
		'nav-bar .          .'
		'nav-bar .          .'
		'nav-bar .          .'
		'pagination pagination pagination'
		'footer footer footer';
		background-color: #fdd091;
	}
		.item5-a2 {
			margin:0px 30px 0 30px;
		}
		.item8-a2 {
			margin-top:90px;
			display:grid;
		}	

	.grid-container4 {
		grid-template-columns:1fr;
		grid-template-rows: auto;
		grid-template-areas:
			'h1-a2'
			'p-a2'
			'slideshow-a2';

	}
	.item8-a2 .h1-a2 {
		
		margin-left:50px;
		margin-right:60px;
	}
	.p-a2 {
		margin-right:40px;
	}
		.p-slideshowinst {
			height:20px;
			margin-top:0px;
			margin-left:-500px;
			margin-right:200px;
		}	
		#CommemorativeCarousel {
			width:90%;
			margin:0px 30px 0 30px;
		}
		#carousel-indicators {
			margin-top:200px;
		}
}
	@media only screen and (max-width: 992px){
		.grid-container {
		display: grid;
		grid-template-columns: 270px auto 270px;
		grid-template-rows: 70px 27px 27px 40px 120px auto auto auto auto auto ;
		grid-template-areas: 
	    'header header header'
		'myMenu myMenu search'
		'breadcrumb breadcrumb search'
		'portions portions portions'
		'slide-in slide-in slide-in'
		'article-1 article-1 article-1'
		'article-2 article-2 article-2'
		'nav-bar .          .'
		'nav-bar .          .'
		'nav-bar .          .'
		'pagination pagination pagination'
		'footer footer footer';
		background-color: #fdd091;
	}
		.item1-a2 {
			
		}
		.item2-a2	.nav-btns {
				display:none;
			}
	
		.item3-a2 {
			
		}
		.item4-a2 {
			
		}
		.item5-a2 {
			
		}
		.item6-a2 {
			
		}
		.item8-a2 #CommemorativeCarousel {
			margin:0px 30px 0 30px;
		}
		.item9-a2 {
			
		}
		.item7-a2 {
			margin-top:20px;
		}
		.item10-a2 {
			margin-left:100px;
		}
		.item11-a2 {
			
		}
		.item1-a1  #title-bar-2 {
			font-weight:500;
			font-size:4vw;
		}
		.item2-a1  .nav-btns {
			display:none;
		}
		.item5 p {
			margin-right: 25px;
			margin-left: -40px;
		}
		#art-1 {
			margin-right: 0;
		}
		#pic-1 {
			width:350px;
		}*/
		
}
	@media only screen and (max-width: 940px){
		.flower {
			display:none;
		}
		.p-col2 {
			margin-left:340px;
			margin-top:-900px;
		}
		.author {
			margin-left:400px;
		}
		.item8-a1 {
			margin-left:-230px;
		}
}
	@media only screen and (max-width: 800px){
		.container-breadcrumb-lw {
			height:54px;
			width:70%;
			/*margin-top:125px;*/
		}
		.bc-bar {
			flex-wrap: wrap;
		}
		.item5-a1 p {
			/*display:flex;
			flex-direction:row;
			flex-wrap:wrap;*/
			font-size:14px;
			height:70px;
			margin:30px 20px 0 -40px;
			
		}
		.item5-a1 p .cite {
			font-size:12px;
			font-weight:500;
		}
		.grid-container-abt1 {
			grid-template-rows: 70px 27px 27px 40px 170px auto auto auto auto ;
		}
		.item6-a1 {
			margin:100px 0 0 -100px;
		}
		#title01-about1 {
			height:40px;
			margin-top: -40px;
		}
		.item8-a1 {
			margin-top: 1400px;
		}
		.item9-a1 {
			margin:0 60px 0 -170px;
		}
		.item9-a1 ul li {
			margin-left: -60px;
			
		}
		.item5-a2 {
			margin-top:30px;
			margin-right:160px;
		}
		.item6-a2 {
			margin-top:60px;
		}
		
		.item8-a2  {
			grid-area:article-1;
			margin-top:150px;
		}
		.item8-a2 #p-a2 {
			margin-right:150px;
		}
		.item8-a2 #CommemorativeCarousel {
			margin-right:150px;
			max-width:600px;
		}
		.item8-a2 .figcaption {
			max-width:400px;
		}
		
		
}
	@media only screen and (max-width: 700px){
		
		.item1-a1 #title-bar-2 {
			font-size:5vw;
			margin-top: 0;
		}
		/*.item4-a1 p {
			margin-left: 25px;
		}*/
		.item5-a1 p {
			margin:30px 20px 0 -40px;
		}
		.item5-a1 p .cite {
			font-size:12px;
			font-weight:400;
		}
		.item6-a1 {
			margin:60px 0 0 -100px;
		}
		.grid-container-abt1 {
			grid-template-rows: 70px 27px 27px 40px 150px auto auto auto auto ;
		}
		.grid-container2 {
			grid-template-areas:
			'title'
			'art-1'
			'pic-1'
			'para-2'
			'pic-2';		
		}
		.grid-container3-a1 {
			display: grid;
			grid-template-columns:1fr;
			grid-template-rows:auto;
			grid-template-areas:
				'pre '
				'p-col1'
				'p-col2'
				'post';
			grid-gap:5px;
			padding:0;
}
		#para-2{
			margin-left: 20px;
		}
		.pre {
			margin-left: 200px;
		}
		.flower {
			display:none;
		}
		.p-col1 {
			grid-area:p-col1;
			width:380px;
			margin-top:50px;
			margin-left:15px;
		}
		.p-col2 {
			margin-left:35px;
			margin-top:0px;
		}
		.post {
			margin-left:10px;
			margin-right:30px;
		}
		.author {
			margin-left: 100px;
		}
		.item5-a2 {
			margin-top:30px;
			margin-right:250px;
		}
		.item6-a2 {
			margin-top:60px;
			margin-left:-200px;
		}
		
		.item8-a2  {
			grid-area:article-1;
			margin-top:150px;
		}
		.item8-a2 #p-a2 {
			margin-right:150px;
		}
		.item8-a2 #commemorations h1{
			margin-right:200px;
		}
		.item8-a2 #CommemorativeCarousel {
			margin-right:150px;
			max-width:500px;
		}
		.item8-a2 .figcaption {
			max-width:400px;
		}
		
}
	@media only screen and (max-width: 600px){	
		.item4-a1 {
			margin-top:70px;
			/*margin-right:45px;*/
			/*margin-left:-60px;*/
		}
		.item5-a1 p {
			margin:30px 50px 0 -30px;
		}
		.item6-a1 {
			margin:100px 0 0 -150px;
		}
		.pre {
			margin-top:100px;
			margin-left:-20px;
		}
		.p-col2 {
			margin-left:45px;
		}
		.item8-a1 {
			margin-top:140px;
			margin-right:30px;
			margin-left:0px;
		}
		.item8-a1 #crislip-medal {
			margin-left: 45px;
			margin-right: -20px;
		}
		.item9-a1 {   
			margin-right: 80px;
			
		}
		.p-slideshowinst {
			height:35px;
}
		.item8-a2 #CommemorativeCarousel {
			margin-right:150px;
			margin-left:-30px;
			max-width:500px;
		}
		.item8-a2 .figcaption {
			max-width:350px;
			margin-left:-40px;
			max-height:440px;
		}
		.item8-a2 .figcap-heading {
			margin-left:-30px;
			max-width:350px;
		}
		
}
	@media only screen and (max-width: 550px){
		.item6-a2 {
			margin-top:100px;
			margin-left:-200px;
		}
		.item8-a2  {
			margin-top: 200px;
		}
		.item8-a2 #CommemorativeCarousel {
			margin-right:150px;
			margin-left:-30px;
			max-width:450px;
		}
		.item8-a2 .figcaption {
			max-width:350px;
			margin-left:-90px;
			max-height:400px;
		}
		.item8-a2 .figcap-heading {
			margin-left:-30px;
			max-width:350px;
		}
		
		
}
	@media only screen and (max-width: 500px){
		.container-breadcrumb-lw {
			margin-top: 125px;
			height:80px;
			width:100%;
		}
		/*.item4 {
			margin-left:-130px;
		}*/
		.item5-a1 p{
			margin:80px 80px 0 -20px;
		}
		
		.item6-a1 {
			margin:180px 0 0 -160px;
		}
		.item6-a1 h2 {
			font-size:22px;
		}
		.item8-a1 {
			margin-top: 200px;
			margin-right: 50px;
			margin-left:0px;
		}
		.item8 #crislip-medal {
			margin-left: 75px;
			margin-right: -40px;
		}
		.p-col1 {
			margin-left:0;	
		}
		.p-col2 {
			margin-left:-10px;
		}
		.item9-a1 {
			margin:100px 140px 0 -190px;
		}
		.item9-a1 ul li {
			margin-left: -80px;
		}
		.item10-a1 {
			margin-left:-30px;
		}
		.item5-a2 {
			margin-top:90px;
		}
		.item6-a2 {
			margin-top:160px;
		}
		.item8-a2 {
			margin-top:300px;
		}
		.item8-a2 #CommemorativeCarousel {
			margin-right:150px;
			margin-left:-30px;
			max-width:450px;
		}
		.container-caption {
			height: 400px;
			width:600px;
		}
		.item8-a2 .figcaption {
			max-width:300px;
			margin-left:-200px;
			max-height:500px;
			/*border:3px solid red;*/
		}
		.item8-a2 .figcap-heading {
			margin-left:-30px;
			max-width:350px;
		}
		.item8-a2 h1 {
			margin-left: -200px;
		}
		.item8-a2 #p-a2 {
			margin:0 200px 0 -30px;
		}
		.item9-a2 {
			margin-left:10px;
			margin-right:130px;
		}
	}
	@media only screen and (max-width: 450px) {
	.item5-a1 p{
			margin:80px 120px 0 -20px;
		}
	.item8-a1 {
			margin-top: 200px;
			margin-right: 90px;
			margin-left:0px;
		}
		.item8-a1 .post {
			margin-right:40px;
		}
		.item8-a2 #CommemorativeCarousel {
			margin-right:150px;
			margin-left:-30px;
			max-width:350px;
		}
		.container-caption {
			height: 400px;
			width:330px;
			margin-left:-50px;
		}
		.item8-a2 .figcaption {
			max-width:300px;
			margin-left:-300px;
			max-height:500px;
			border:3px solid red;
		}
		.item8-a2 .figcap-heading {
			margin-left:-30px;
			max-width:350px;
		}
		.item8-a2 h1 {
			margin-left: -200px;
		}
		.item8-a2 #p-a2 {
			margin:0 200px 0 -30px;
		}
		.item9-a2 {
			margin-left:10px;
			margin-right:130px;
		}
		#title01-about1 {
			height:40px;
			margin-top: -40px;
			font-size:20px;
		}
		.p-slideshowinst {
			height:40px;
		}	
		

}
	@media only screen and (max-width: 400px) {
		.item1 #title-bar-2 {
			font-weight:700;
			font-size:6vw;
			margin:0px -20px 0 -40px;
			}
		.item1-a2 #title-bar-2 {
			font-weight:700;
			font-size:6vw;
			margin:0px -20px 0 -40px;
			}
		.item4-a1 {
			top:50px;
			width:245px;
			/*margin-left:-160px;*/
		}
		
		.item6-a1 {
			margin-top: 210px;
			margin-left: -200px;
		}
		.item6-a1 h2 {
			font-size:20px;
		}
		.item5-a1 p{
			font-size:12px;
			margin:90px 180px 0 -20px;
		}
		#portions-a1 p .citation {
			font-size:14px;
		}
		.item8-a1 {
			margin-top: 210px;
			margin-right: -40px;
		}
		.pre {
			margin-right:25px;
			width:340px;
		}
		.pre h1 {
			font-size:20px;
		}
		.pre h2 {
			margin-left: -10px;
		}
		.p-col2 {
			margin-left:30px;
		}
		.post {
			width:300px;
		}
		.item8 #crislip-medal {
			margin-left: 45px;
			margin-right: -80px;
		}
		.item9-1 {
			margin:100px 170px 0 -230px;
		}
		.item4-a1 {
			margin-top: 20px;
		}
		#art-1 {
			margin-right:25px;
		}
		.item10-a1 {
			margin-left:-40px;
		}
	}