main{
   display: flex;
   justify-content: center;
   align-items: center;
   background-image: url("../afbeeldingen/justice.png");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center top;
}

.transparant{
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

h1{
   text-align: center;
}

.div_advocaten{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   padding: 0 20px;
}

.a_advocaat{
   display: block;
   background-color: var(--kleurhoofding);
   border-radius: 25px;
   padding: .25rem;
   margin: 0 20% 1.2rem 20%;
   text-decoration: none;
}

.a_advocaat:hover {
  box-shadow: 5px 8px 5px rgba(1,0,75,0.3);
}

.a_advocaat img{
   display: block;
   width: 100%;
   height: auto;
   border-radius: 25px;
}

.naam{
   text-align: center;
   color: var(--tekstwit);
   padding: 8px 0;
}

@media screen and (min-width: 768px) {
    .a_advocaat{
        flex: 0 1 30%;
        margin: 0 .6rem 1.2rem .6rem;
    }
}