body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

hd {
	display: flex;
	flex-direction: column;
	max-width: 45em;
	min-width: 250px;
}

hd img {
	width: 80%;
	border: 10px grey ridge;
	margin-bottom: 1em;
	margin-top: 5em;
	
}

h1 { font-size: 2.7vw; }

h2 { font-size: 2.2vw;}

h3 { font-size: 1.7vw;}

h4 { font-size: 1.3vw;}

table {
	margin: 1em;
	border: 10px grey ridge;
	text-align: left;
	max-width: 55em;
	min-width: 250px;			
}

table tr {
	display: flex;
	flex-direction: column;	
	text-align: center;		
}

table tr td {
	padding: 1em;
/*	width: 75em;*/
}

table td h1 {
	margin-top: 0.4em;
	margin-bottom: 0.2em;
}

table tr td img {
	width: 100%;
	height: auto;
	border: 2px grey ridge;
}

table tr td video {
	width: 100%;
	height: auto;
	border: 2px grey ridge;
}


table td p {
	margin-top: 0.1em;
	margin-bottom: 0.4em;
}

h1 a:hover, h1 a:active {
	text-decoration: none;
}

a:hover p, a:active p {
	text-decoration: none;
}

.lst {
	display: flex;
	flex-direction: column;	
	margin-right: 3em;
	margin-left: 3em;
}

.lst p mat {
	margin-left: : 2em;
}


.lst ul li desc {
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 1em;	
	min-width: 250px;
	max-width: 1024px;	
	display: block;
}


.lst ul li desc img {
	border: 10px grey ridge;
	margin: 0em;
	margin-bottom: 2em;
	width: 98%;
	display: block;
}

.lst ul li desc video {
	border: 10px grey ridge;
	margin: 0em;
	margin-bottom: 2em;
	width: 98%;
	display: block;
}

.lst ul li { display: inline-block; }

.lst ul li img {
	border: 10px grey ridge;
	margin: 0.5em;
	margin-bottom: 1em;	
	resize: both;
  	overflow: auto;	
	width: 488px;
}

.lst ul li video {
	border: 10px grey ridge;
	margin: 0.5em;
	margin-bottom: 1em;	
	width: 488px;
}

.lst ul li sound {
	display: block;	
	border: 10px grey ridge;
	margin-left: 1em;
	margin-right: 1em;
	padding: 10;
	min-width: 250px;
	max-width: 990px;		
}

.lst ul li sound track {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	width: 100%;
}

.lst ul li sound info {
	width: 100%;
}

.lst ul li sound audio {
	width: 100%;
	margin-top: 0.5em;
}

.lst ul li desc lo img {
	border: none;
	margin: 1em;
	margin-top: 0.5em;
	max-width: 300;
}

.lst ul li desc la img {
	border: none;
	margin: 1em;
	margin-top: 0.5em;
	max-width: 100;
	min-width: 100;
}

address {
	margin: 20px;
}

#index_tile h1 {
	margin: 20px;
}

@media screen and (max-width: 1200px) {

	h1 { font-size: 6vw; }

	h2 { font-size: 5.3vw;}

	h3 { font-size: 5vw;}

	h4 { font-size: 4vw;}

	p { font-size: 3.7vw;}

	pre { font-size: 3.5vw;}

	table {
		max-width: 65em;
	}


	.lst ul li { display: block; }

	.lst ul li img {
		border: 10px grey ridge;
		margin: 0.5em;
		margin-bottom: 1em;	
		width: 96%;
		min-width: 250px;		
	}

	.lst ul li video {
		border: 10px grey ridge;
		margin: 0.5em;
		margin-bottom: 1em;	
		width: 96%;
		min-width: 250px;		
	}

}