@charset "UTF-8";
/* CSS Document */

html {-webkit-text-size-adjust: 100%;
}

@media only screen and (max-width: 450px) {
	
#header {
  display: none;
}

#header-mobile {
  display: block !important;
  z-index: 1000;
  position: absolute;
  font-family:helvetica;
  font-weight: normal;
  text-align: left;
  font-size: 10px !important;
  text-align: left;
  left: 10px !important;
  top: 8px;	
}
	
#header-mobile li {
    list-style: none;
}
	
.img-info li {
  font-size: 10px !important;
  right: 3px !important;
  line-height: 2px !important;
}
	
.description {
  font-size: 0.7em!important; !important;
  left: 10px !important;
  padding-top: 10px !important;
}
	
.numbertext {
	  font-size: 10px !important;
}
	
.container {
    padding-top: 30% !important;	
	
}
	
.info-container {
	padding-top: 30% !important;
	left: -10px !important;
	}
	
.slideshow-container {
  padding-bottom: 40% !important;
}

	
.mySlides img {
  max-height: 180px!important;
}
	
iframe { 
  height: 180px !important;	
  max-width: 300px!important;
  left: 0px !important;

}
	
.prev {
	width: 30% !important;	
}
.next {
	width: 40% !important;	
}
	
p {
   font-size: 10px !important;
   line-height: 0.7rem!important;
   left: 0 !important;
   right: .5rem !important;
   width: 100% !important;
}
	
.serif  {
	font-size: 10px!important;
    letter-spacing: 0;
}

}

/* DESKTOP*/


* {box-sizing:border-box}

#body { 
margin: 0;
}

#header-mobile {
	display: none;
}

#header {
  z-index: 1000;
  position: absolute;
  font-family:helvetica;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  left: 20px;
  top: 10px;
  vertical-align: middle;

}

#header li {
    list-style: none;
}

.description {
  position: absolute;
  font-family:helvetica;
  font-weight: bold;
  font-size: 0.7em!important;
  padding-top: 10px !important;
  letter-spacing: 0px;
  left: 10px;
  text-align: center;
  vertical-align: middle;
}


.img-info {
  display: none;
  font-family:helvetica;
  font-size: 14px;
  letter-spacing: 0;
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0px;
	
  text-align: center;
  white-space: nowrap;
  position: fixed;
  width: 100vh;
  bottom: 0;
  right: 20px !important;
  line-height: 10px !important;
  transform: rotate(-90deg);
  transform-origin: 100% 100%;
  right: 0;
  bottom: 100%;
}

.img-info li {
  margin: 0 1em;
}


/* Slideshow container */
.slideshow-container {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: relative;
  margin: auto;
  padding-bottom: 20%;
}


.slideshow-container:hover .img-info {
    display: block;
}

.coverpage-slideshow-container {
  z-index: 0;
  width: 100%;
  position: relative;
  margin: auto;
}

.coverpage-slideshow-container img {
	width: 100%;
  	height: 100%;
    display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.container {
    position: relative;
	z-index: 0;
    padding-top: 10%;
    left: 0;
    overflow: hidden;
    cursor: inherit;
}

.info-container {
    position: relative;
	z-index: 0;
    padding-top: 10%;
    left: 0;
    overflow: hidden;
    cursor: inherit;	
	}

.mySlides {
  position: relative;
  z-index: 0;
  display: none;
    
}

.show-on-mobile-container {
	display: none!important;	
}

.video-container {
  width: 100%;
  position: relative;
  margin: auto;
  padding-bottom: 10%;

}

.video-container:hover .img-info {
	display: block;
}

p {  
  width: 50%;
  font-family:helvetica;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  line-height: 1.2;
  padding-left: 1rem !important;
  right: 1.5rem;
  vertical-align: middle;
	
}

.numbertext {
  z-index: 800;
  position: absolute;
  color: blue;
  font-family: "Times New Roman", "serif";
  font-size: 14px;
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
  left: 50%;
  right: 50%;
}

a:link {
  color: blue;
  text-decoration: underline;
}

a:visited {
  color: blue;
  text-decoration: none;
}

a:hover { 
  color: blue;
}

.prev,
.next {
  z-index: 700 !important;
  position: absolute;
  height: 65%;
  width: 50%;
  top: 0;
  padding: 0px;
  color: white;
  background: blue;
  opacity: 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  cursor: e-resize;
}

.prev {
    cursor: w-resize;
}

.serif {
	font-family: "Times New Roman";
	font-size: 14px;
    letter-spacing: 0;
}