section {
  width: 80vw;
  height: 80vh;
  margin: auto;
  padding: 10vh;
}
div#left {
  width: 45%;
  height: 100%;
  background-color: white;
  float: left;
}
div#right {
  width: 44vw;
  height: 44vw;
  background-color: white;
  float: left;
}

body {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.80vw;
  color:grey;
}

a { text-decoration:none; color:grey; }
.aul:hover { text-decoration:none; color:plum; }
.menu_unselected { text-decoration:none; color:grey; }
.menu_selected { text-decoration:none; color:#555555;  }
.menu_hovering { text-decoration:none; color:#555555; }

#right > img {
  width: 55%;
}

.overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height:100%;
  width: 100%;
  cursor: pointer;
  z-index: 1000; /* high z-index */
  background: #000; /* fallback */
  background: rgba(0,0,0,0.0);
}
.overlay-content {
  background: #fff;
  padding: 1%;
  width: 80%;
  position: relative;
  top: 10%;
  left: 50%;
  margin: 0 0 0 -40%; /* add negative left margin for half the width to center the div */
  cursor: default;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0,0,0,0.9);
}

.cycle-slideshow {position: relative}
.cycle-slide {width: 100%; height: 100%;}