main{
    /* position: relative; */
    display: flex;
    flex-direction: column;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)),
    url('../afbeeldingen/advocaat.png');
    background-repeat: no-repeat;
    background-size: cover;
}

h1{
   max-width: 100%;
   text-align: center;
   margin-top: 2rem;
}

p{
    margin-bottom: 1rem;
}

.div_advocaat{
   flex-basis: 100%;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

.div_foto_advocaat{
    flex-basis: 100%;
    display: flex;
    justify-content: center;
    flex-basis: 100%;

}

.div_foto_advocaat img{
   width: 100%;
   max-width: 366px;
   height: auto;
}

.div_text{
   flex-basis: 100%;
   padding: 10px;
   text-align: justify;
}

.container_domein{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

.domein{
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 10px;
   text-decoration: none;
}
.domein img{
   width: 100px;
   height: auto;
   border-radius: 100px;
}

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

    .div_foto_advocaat{
        flex-basis: 30%;
        align-items: center;
    }

   .div_text{
      flex-basis: 60%;
   }
}

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

}