/* Slideshow container */
/* 
.graphic-intro-1-container {
  width: 592px;
  position: relative;
  margin: auto;
  border: 1px solid red;
}
 */

.graphic-intro-2-container {
  width: 100%;
  position: relative;
  margin: 0px auto .5rem auto;
}

/* Hide the images by default */
.intro-1-graphics {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: relative;
  padding: 8px;
  color: #ffc80e;
  font-weight: bold;
  font-size: 1.65rem;
  
  z-index: 11;
}

/* Position the "next button" to the right */
.next {
  right: 0px;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: #000066;
}

/* Caption text */
.text2 {
  color: #ffc80e;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  font-family: frutiger, acSans, sans-serif;
  color: #ffc80e;
  font-size: 18px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 468px) {
  .prev, .next, .text2 {font-size: 1.2rem}
}