.row{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.box{
  display: flex;
  flex: 1 1;
  min-width: 250px;
  padding: 1vh 1vw;
  flex-direction: column;
}
.box-text {
  margin: 0;
}
.box-text img {
  float: left;
  width: 100%;
  margin-right: 1vw;
  max-width: 30vmax;
  min-width: 250px;
}
.cont-slideshow {
  position: relative;
  max-width: 1168px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1vh;
}
.mySlides{
  display: flex;
  height: auto;
}
.mySlides > img {
  width: 100%;
  object-fit: cover;
}
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 35%;
  width: auto;
  padding: 1vh 1vw;
  color: white;
  font-weight: bold;
  font-size: 30px;
  user-select: none;
  -webkit-user-select: none;
}
.next {
  right: 0;
}
.cont-caption {
  text-align: center;
  background-color: #222;
  padding: 0.8vh;
  color: white;
  font-weight: bold;
  font-size: x-large;
}
.row-images{
  display: flex;
  flex-direction: row;
  max-height: 200px;
}
.picture {
  flex: auto;
  width: 100%;
}
.cursor {
  cursor: pointer;
}
.demo {
  opacity: 0.6;
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.active,
.demo:hover {
  opacity: 1;
}