html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0;}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}

html {
    min-height: 100vh;
}

body {
min-height:100%; 
text-align: center; 
font-family: Helvetica, Arial, sans-serif;
font-size: 1em;
color: black;
background-color: #F5F2E9;
-webkit-font-smoothing: antialiased;
font-variant-numeric: oldstyle-nums;
-moz-osx-font-smoothing: grayscale;
    line-height:1.25;
    letter-spacing: 0.5px;
  
 
  
 }
 


a {
  color: inherit; /* blue colors for links too */
  text-decoration: underline transparent; /* no underline */
  text-underline-offset: 5px;
}

a:hover { text-decoration: underline 1px; 
      -webkit-transition:text-decoration 0.1s linear;
    -moz-transition:text-decoration 0.1s linear;
    transition:text-decoration 0.1s linear;
}

.grid-container {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 1em;
           z-index: 150;
           position: absolute;
           top: 1.5em;
           left: 1.5em;
           right: 1.5em;
           

}

.grid-item {
  text-align: center;
  z-index: 150;
}


.headernav{
    position: absolute;
         z-index: 140;
         width: 100%;
         top: 1em;
         left: 1em;

}



.logo{
  display: inline-block;
  text-align: left;
  z-index: 150;
  width: 25%;
}

.navleft{
  position: fixed;
  text-align: left;
  left: 1em;
    top: 1em;
     z-index: 150;

}

.navright{
  text-align: left;
  width: 25%;

  z-index: 150;
}

.about{
    text-align: left;
    padding-top: 4em;
    padding-left: 2em;
    max-width: 40em;
    z-index: 150;
}



.Center-Container {
  position: relative;
  height: calc(100vh);
  width: 100vw;
  top: 0em;
  z-index: 100;
}

.Absolute-Center {
  width: 100%;
  height: 100%;
  overflow: auto;
  margin: auto;
  position: fixed;
  top: 0; left: 0; bottom: 0; right: 0;
}

.Absolute-Center.is-Image {
  width: 100%;
object-fit: fill;
padding: 0em;
overflow: hidden;

  
}

.Absolute-Center.is-Image img {
width: 100%;
object-fit: fill;


}

button, input[type="submit"], input[type="reset"] {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;

}
#myDIV {
    display: none;
   
}

* {box-sizing: border-box}

.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 100vw;
  max-height: 100vh;
  position: relative;
  margin: auto;
  z-index: 100;
}

/* Next & previous buttons */
.prev {
    background:url(../images/prev.png) -9999px no-repeat;
    left:0;
    top:0;
    bottom:50px;
    width:48%;
    z-index:149;
    position:absolute;
  user-select: none;
  cursor: w-resize;
}
.next {
    background:url(../images/next.png) -9999px no-repeat;
    right:0;
    top:0;
    bottom:50px;
    width:48%;
    z-index:149;
    position:absolute;
  user-select: none;
  cursor: e-resize;
}



/* Caption text */
.text {
  position: fixed;
  bottom: 1.75em;
  -webkit-font-smoothing: antialiased;
font-variant-numeric: oldstyle-nums;
-moz-osx-font-smoothing: grayscale;
  text-align: center;
  width: 100%;
  font-size: 1em;
  letter-spacing: 0px;
}

/* Number text (1/3 etc) */
.numbertext {
display: none;
}

/* The dots/bullets/indicators */
.dot {
display: none;
  z-index:160;
}



/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 0.1s;
  animation-name: fade;
  animation-duration: 0.1s;
}

@-webkit-keyframes fade {
  from {opacity: .75} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .75} 
  to {opacity: 1}
}

@media (max-width: 450px) {


.headernav{
  position: fixed;  
  text-align: center;
  width: 100vw;
  top: 1.5em;
}

.logo{

  text-align: center;
  z-index: 140;
 
  display: block;

}

.navleft{
    position: absolute;
  display: inline-block;

  text-align: center;
  width: 100%;
    top: 2em;


    

}

.navright{
    position: absolute;
  display: inline-block;

  text-align: center;
margin: 0 auto;    
  width: 100%;
top: 2em;

  z-index: 150;
}

.about{
    text-align: left;
    padding-top: 7em;
    padding-left: 2em;
      padding-right: 2em;
      z-index: 150;
}

}