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', Helvetica, Arial, sans-serif;
font-size: 17px;
color: #353535;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
    line-height:1.35;
    letter-spacing: .5px;
  
 }

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

a:hover { text-decoration:underline; 
      -webkit-transition:text-decoration 0.2s linear;
    -moz-transition:text-decoration 0.2s linear;
    transition:text-decoration 0.2s linear;
}


.headernav{
    
}

.logo{
  position: fixed;
  text-align: center;
  z-index: 140;
  width: 100%;
  top: 1.5em;
}

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

}

.navright{
  position: fixed;
  text-align: right;
  right: 2em;
    top: 1.5em;

  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 - 4em);
  width: 100vw;
  top: 5em;
}

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

.Absolute-Center.is-Image {
  width: 90%;
                height: calc(100% - 9em);
                object-fit: contain;

  
}

.Absolute-Center.is-Image img {
width: 90%;
                height: calc(100% - 9em);
                object-fit: contain;

}




* {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;
}

/* Next & previous buttons */
.prev {
    background:url(../images/prev.png) -9999px no-repeat;
    left:0;
    top:0;
    bottom:50px;
    width:48%;
    z-index:99;
    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:99;
    position:absolute;
  user-select: none;
  cursor: e-resize;
}



/* Caption text */
.text {
  position: fixed;
  bottom: 1.5em;
  text-align: center;
  width: 100%;
}

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

/* The dots/bullets/indicators */
.dot {
display: none;
  
}



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

@-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;
}

}