table {
    margin-top: 40px;
    margin-bottom: 40px;
}

img {
    width: 20%;
    padding-bottom: 10px;
}

@font-face {
    font-family: 'Cochocib-Script-Latin-Pro';
    src: url('../fonts/Cochocib-Script-Latin-Pro.woff2') format('woff2'),
         url('../fonts/Cochocib-Script-Latin-Pro.ttf') format('ttf'),
         url('../fonts/Cochocib-Script-Latin-Pro.woff') format('woff');

}

.h1 {
    color: #3E695F;
    font-weight: 500;
    font-size: 300%;
    font-family: 'Cochocib-Script-Latin-Pro', cursive;
    padding-bottom: 0.3%;
}

.h2 {
    color: #3E695F;
    font-weight: 500;
    font-size: 200%;
    font-family: 'Cochocib-Script-Latin-Pro', cursive;
    padding-bottom: 0.3%;
}

.rand {
    border-right: 3px solid #D9C2AE;
}

.linkerkolom {
    text-align: right;
    padding-right: 40px;
}

.rechterkolom {
    text-align: left;
    padding-left: 40px;
}

table a {
    color: #3E695F;
    text-decoration: none;
    font-weight: 300;
    font-size: 100%;
    padding: 0;
}

table:hover a {
    color: #D9C2AE;
}

.fotoo {
    width: 100%;
}

/* Hide images before and after the table on tablet and mobile */
@media (max-width: 768px) {
    .fotoo {
        display: none;
    }

    img {
        width: 40%;
    }

    

}