div.content {
	width:75%;
	height:100%;	
	padding-top:10%;
	padding-left:10%;
}
div.headerImage{
	width:150%;
	height:20vh;
	float:left;
	padding-bottom:30px;
	background-image:url("tartan1.jpg");
}
div.h1{
	left:0;
	position:absolute;
    text-align:center;
	padding-left:3px;
    width: 100%;
	font-size:8vmin;
	font-family:Palatino;
	color:white;
}

div.h2{
	font-size:60px;
	color:577A3A;
	text-align:left;
	font-family:Palatino;
	text-decoration:underline;
}


h3{
	font-size:30px;
	color:577A3A;
	text-align:left;
	font-family:Palatino;
}

 
body{
	
	background-color:f2f2c4;
	color:577A3A;
	font-family:Palatino;
	font-size:20px;
	padding:0;
	margin:0;

}
p{
	font-size:20px;
	color:577A3A;
	font-family:Palatino;
	padding-left:30px;
	padding-right:30px;
}

table{
	margin-left: auto;
    margin-right: auto;
	font-size: 20px;
}


td{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom:10px;
	text-align:center;
}



img.sideways{
	width:442px;
	height:340px;
}
img.bigSideways{
	width: 884px;
	height: 680px;
	
}
img.bigNormal{
	width: 680px;
	height: 884px;
	
}

img.upanddown {
	width: 340px;
	height:442px;
}

#gallery{
	display:flex;
	flex-wrap: wrap;
	max-width: 100%	
	gap: 2px;
}


	div.item{
		flex: 1 1 auto;
		height: 20vh;
		width: 20vw;
	}

	div.item img{
		object-fit: cover;
	
		height: 75%;
		width: 75%;
	}


/*div.gallery {
	
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 180px;
}

div.gallery:hover {
  border: 2px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}*/


}
a:link {
	text-decoration:underline;
	color:577A3A;
	padding-bottom:2px;
	padding-left:2px;
	font-size:20px;
}
a:hover{
	color:white;
	padding-bottom:2px;
	padding-left:2px;
	text-decoration: overline underline;
}
a:visited {
	text-decoration:underline;
	color:577A3A;
	padding-bottom:2px;
}

#links a{
	text-decoration: underline;
	color: white;
	font-size: 3vmin;
	padding-left:10px;
	padding-right:10px;
}
#links {
	text-align: center; 
	position:absolute;
	top: 12vh;
	width: 100%; 
	color: white;
}

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