h1{
    font-family: 'Comfortaa', cursive;
    font-weight: 400;
    /*border-left: 2px solid rgb(0,85,164);*/
    text-align: center;
}
h2{
    font-family: 'Comfortaa', cursive;
    font-weight: 400;
    /*border-left: 2px solid rgb(0,85,164);*/
    text-align: center;
}
h4{
    font-size: 32px;
    color: white;
    font-family: 'Comfortaa', cursive;
}
h5{
    font-size: 24px;
    font-family: 'Comfortaa', cursive;
}
h6{
    font-size: 18px;
    font-family: 'Comfortaa', cursive;
}
p{
    font-family: "Nunito", sans-serif;
    font-size: 16px;
}
.blue{
    font-weight: bold;
    color: rgb(0,85,164);
}
/*Titel*/
.rij-1{
    margin-top: 240px;
    text-align: center;
    margin-bottom: 80px;
}
/*Breadcrumb*/
.breadcrumb{
    background-color: white;
    color: black;
    font-family: "Nunito", sans-serif;
    font-size: 16px;
    padding: 15px;
    text-align: center;
}
/*Kolom 2*/
.rij-2{
    margin-bottom: 80px;
}
.rij-2-titel-container{
    text-align: center;
    color: rgb(0,85,164);
    margin-bottom: 80px;
}
/*Kolom 3*/
.rij-3{
    margin-bottom: 160px;
    padding-top: 80px;
    padding-bottom: 80px;
    background: rgb(244,244,244);
}
.well{
    border: none;
    box-shadow: 2px 2px 30px 0 rgba(0,85,164,.5);
    background-color: white;
    text-align: center;
    transition: 0.5s;
    height: 210px;
}
.well:hover{
    background-color: rgb(0,85,164);
}
.rij-3-inhoud-container{
    margin-bottom: 64px;
}
.rij-3-well-titel-container{
    color: rgb(0,85,164);
    padding: 16px;
    transition: 0.5s;
}
.rij-3-well-inhoud-container{
    color: black;
}
.well:hover .rij-3-well-titel-container{
    color: white;
}
.optie-1:hover, .optie-1:focus{
    text-decoration: none;
}
/*Kolom 4*/
.rij-4{
    margin-bottom: 160px;
}
.rij-4-titel-container{
    text-align: center;
    color: rgb(0,85,164);
    margin-bottom: 80px;
}
.well-2{
    background: black;
    box-shadow: none;
    padding: 24px;
    text-align: left;
    height: 650px;
}
.well-2:hover{
    background: black;
    box-shadow: none;
}
.rij-4-well-titel-container{
    color: rgb(0,85,164);
    padding-top: 24px;
    padding-bottom: 24px;
}
.rij-4-well-inhoud-container{
    color: white;
}
.well-3{
    box-shadow: none;
    border: none;
    padding: 24px;
    text-align: left;
    color: black;
    height: 650px;

}
.well-3:hover{
    box-shadow: none;
    border: none;
    background: white;
}
.rij-4-well-3-inhoud-container{
    color: black;
}
.behandeling-lijst{
    font-family: "Nunito", sans-serif;
    font-size: 16px;
    padding-bottom: 10px;
}
.behandeling-lijst-2-container{
    margin-bottom: 10px;
}
.behandeling-lijst-2{
    font-family: "Nunito", sans-serif;
    font-size: 16px;
    padding-bottom: 5px;
}
@media (max-width: 1024px){
/*Kolom 3*/
    .well{
        height: auto;
    }
/*Kolom 4*/
    .well-2, .well-3{
        height: auto;
    }
    .rij-4-inhoud{
        display: flex;
        flex-direction: column;
    }
    #een{
        order: 1
    }
    #twee{
        order: 2;
    }
    #drie{
        order: 4;
    }
    #vier{
        order: 3;
    }
}