body {
    font-family: "Lato", sans-serif;
}

.mySlides {
    display: none
}

.sideside {
    display: flex;
    flex-wrap: wrap;
}

span.oeuvre {
    font-style: italic;
}

img {
    margin-top: 20px;;
}

img.no-margin-top {
    margin-top: 0px;
}

@media only screen and (max-width: 600px) {

    .sidetext,
    .sideperson {
        width: 100%;
        float: left;
        margin: 0px;
    }
}

@media only screen and (min-width: 600px) {

    .sidetext,
    .sideperson {
        width: 45%;
        float: left;
        margin: 10px;
    }
}

.nopicture {
    width: 97%;
    margin: 10px;

}

ul {
    list-style-type: none;
}

.list-wrapper {
    display: flex;
  }