<style>

.hcontainer{
/*	float: clear; 
	height:25vh; */
	width: 100vw;
  	max-width: 100vw;
  	height: 25vh;  
  	max-height: 30Vh;
  	position: relative;
  	margin: auto;
  	/*border: solid red 2px;*/
}

.hminicontainer{
/*	float: clear; 
	height:5vh; */
	width: 100vw;
  	max-width: 100vw;
  	height: 25vh;  
  	max-height: 30Vh;
  	position: relative;
  	margin: auto;
  	border: solid blue 2px;
}

.image{
display: block;  
height: auto; 
max-height: 70vh; 
width: auto; 
max-width: 90vw; 
overflow-x: scroll;  
margin: auto ; 
border: solid black 1px;
}


.headertitle{
	font-size:4vh; 
	color: black; 
	text-align:center; 
	position: relative; 
	height: 25vh; 
	overflow: hidden;
}

.miniheadertitle{
	font-size:4vh; 
	color: black; 
	text-align:center; 
	position: relative; 
	height: 5vh; 
	overflow: hidden;
}


.slideshow-container {
  max-width: 100Vw;
  height: 100%;  
  max-height: 100Vh;
  position: relative;
  margin: auto;
}

.mainpicXXX{
	display: block;
	opacity: 0.0;
	animation-name: fade;
	animation-iteration-count: infinite;
	height:20vh; 
	width: 100vw;
	position:absolute; 
	top:5vh; 
	left:0; 
	object-fit: cover;
}


.mainpic{
	display: block ;
	position: absolute;
	opacity: 0.0;
	animation-name: fade;
	animation-iteration-count: infinite;
	/*position:absolute; */
	/*position: fixed;*/
	top:5vh; 
	/*left:0; */
	height:auto; 
	max-height: 20vh;
	width: auto;
	max-width: 90vw;
	overflow-x: hide;  
	/*margin: calc((100vw - width)/2); */
	/*margin: auto;*/
	left: 50%;
	transform: translate(-50%);


	border: solid black  1px;
	/*object-fit: cover;*/
}


.mainpic1{
	animation-delay: 0s;
}

.mainpic2{
	animation-delay: 7s;
}

.mainpic3{
	animation-delay: 14s;
}

.mainpic4{
	animation-delay: 21s;
}
.mainpic5{
	animation-delay: 28s;
}
.mainpic6{
	animation-delay: 35s;
}



@keyframes fade_fixed {
	0% {opacity: 0.0;}
	2% {opacity: 1.0;}
	18% {opacity: 1.0;}
	
	19% {opacity: 0.0;}
	100% {opacity: 0.0;}
}

/* .topnav
{
	background: none !important;
} */

</style>