div.content {
	width:80%;
	height:90%;	
	padding-top:15vh;
	padding-left:10%;

}


 
body{
	text-align:center;
	background-image:url(TartanBackground.gif);
	background-size:100% 100%;
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-color:f2f2c4;
	color:7f7f7f;
	font-family:Palatino;
	font-size:20px;

}
p.caption{
	
	font-size:19px;
	font-family:Palatino;
	padding-top:0;
	text-align:center;
	position:absolute;
	top:83vh;
	
	width:80%;
	height:80%;
}	
@media screen and (max-device-width: 642px){
	p.caption{
		
		position:absolute;
		top:72vh;

		
	}
}


#imgScroll{
	position:fixed; left:90%; top:275px; 
}


#photo{
	padding-left:0;
	padding-bottom: 0;
	padding-top: 1vh;
	display:grid;
	flex-wrap:nowrap;
	max-width: 75%;
	max-height:55%;
	float:left;
	
}
div.landscape{
	/*text-align:center;
	height: 55%;
	width:75%;*/
	width:75vw;
	height:55vh;
	
}
div.landscape img{
	object-fit:contain;
	height: 100%;
	width: 100%;
	object-position: center;
	
}




a:link {
	text-decoration:none; 
	color:#7f7f7f; 
	padding-bottom:2px; 
	padding-left:2px; 
	font-size:20px;
}
a:hover{
	text-decoration:none; 
	color:#7f7f7f; 
	padding-bottom:2px; 
	padding-left:2px; 
	text-decoration: overline underline
	}
a:visited {
	text-decoration:none; 
	color:#7f7f7f; 
	padding-bottom:2px
}

#announcements {
	padding-bottom:0;
	padding-top: 0;
}

#links a{
		text-decoration: underline;
		font-size: 3vmin;
		padding-left:10px;
		padding-right:10px;
		padding-top:5px;
	}

#links {
	text-align: center; 
	float:left;
	top: 25%;
	height:10%;
	width:100%;
	padding-left:0;
	padding-bottom: 0;
	
}

/*@media (max-width<600){
	#links {
		text-align: center; 
		position:absolute;
		top: 10vh;
		width: 100%; 
		padding-left:0;
		text-decoration: underline;
	}
	#links a{
		text-decoration: underline;
		color:#7f7f7f;
		font-size: 8vmin;
		padding-left:1px;
		padding-right:1px;
		padding-top:5px;
	}
}*/