body{
    background-color: rgb(239, 234, 228);
    font-family:'montserrat';
}

#logo {
    width: 200px;
    height: auto;
    margin: 20px;
}

ul{
 display: flex;
 margin-top:50px;
 margin-left: -90px;
 font-size: 20px;
}

li {
    padding: 30px;
    color: rgb(82, 82, 82);
}

a {
    color: black;
}
a:hover {
    color: orange;
    text-decoration: none;
}

header, ul{
    margin-bottom: 20px;
}

#grote-foto{
    width: 700px;
    height: auto;
}

#kleinere-foto1,#kleinere-foto2{
    width: 332px;
    height: auto;
}

#kleinere-foto2{
    margin-left: 35px;
}

#foto-zijkant{
    width: 323px;
    height: auto;
    display: flex;
    margin-bottom: 30px;
}

.tekstfoto {
    position: relative;
    display: inline-block;
}

.top-right {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: orange;
    padding: 5px 10px;
    font-weight: bold;
    font-style: italic;
    color: white;
}

#foto-zijkant2{
    width: 323px;
    height: auto;
}
#fotos-onderaan{
    margin-bottom: 30px;
}
.binnenkort{
    padding: 60px;
    color: rgb(82, 82, 82);
}

.artiest1, .artiest2, .artiest3{
    width: 100%;
    text-align: center;
}

.artiest1 img, .artiest2 img, .artiest3 img{
    width: 400px;
}

.artiest2, .artiest3{
    border-left: 2px solid rgb(156, 156, 156);
}

.artiesten-blok {

    width: 100%;
    text-align: center;
}

.artiesten-blok h2 {
    text-align: left;
    margin-left: 115px;
    margin-top: 10px;
    font-weight: 600;
    font-size: 40px;
    color: rgb(82, 82, 82);

}
.artiesten-blok p {
    color: rgb(82, 82, 82);
    text-align: left;
    margin: 0 90px 30px 115px;
}

.footer p {
    text-align: center;
    margin: 50px 0 40px 0;
    color: rgb(82, 82, 82);
}