.main-flexbox {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    & li {
        margin-left:1rem;
        vertical-align: middle;
    }
}

table, th, td {
    border:var(--theme-border-colour) 2px solid;
    border-collapse: collapse;
    padding:.5em;
}
table {
    margin:auto .5rem auto .5rem;
}

.stripped-link {
    text-decoration: none;
}

.license {
    padding:.5rem;
}
.inline {
    padding:0;
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.link-image {
    filter:var(--filter-mobile);
    filter:invert();
}
.rounded-border-image {
    border-radius: 3px;
    border:solid 1px var(--theme-border-colour);
    
}
h1 {
    margin-bottom: .5rem;
}

.hidden {
    display: none;
}

@media only screen and (max-width: 600px),
    ((max-width: 880px) and (min-aspect-ratio: 3/2)){
    .inline {
        flex-direction: column;
        align-items: flex-start;
    }
    .hover-link-image{
        margin-left:0;
    }
    table {
        border: none;
    }
    tr, td, th {
        display: block;
        border:var(--theme-border-colour) 1px solid;
    }
    tr {
        margin-top: .5rem;
    }
    .top-th {
        display: none;
    }
    .hidden {
        display: block;
    }
    .hover-link-image {
        align-self: center;
    }
    td:nth-child(2)::before {
        content:"Prijs: ";
    }
}