html{
    width: 100vw;
    height: 100vh;
}

a {
    color: rgb(255, 255, 255);
}

h1 {
    color: rgb(255, 255, 255);
}

h2 {
    color: rgb(255, 255, 255);
}

body{
    margin: 0%;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.content{
    padding: 24px;
    padding-top:0;
}

.achtergrond{
    background-color: rgba(11, 11, 11, 0.802);
    background-image: url("IMG_20201203_173600263.jpg");
    background-size: 180%;
    background-blend-mode: darken;
    background-repeat: no-repeat;
}

/* .color-main{
    color: rgb(167, 254, 215);
} */

.inline{
    display: inline-block;
}

.flex {
    display: flex;
}

.col-1{
    min-width: 8%;
}

.col-2{
    min-width: 16%;
}

.col-3{
    min-width: 24%;
}

.col-4{
    min-width: 32%;
}

.col-9{
    min-width: 76%;
}

.col-10{
    min-width: 84%;
}

.col-8{
    min-width: 68%;
}

.flexhorizontal{
    flex-direction: row;
}

.flex-vertical{
    flex-direction: column;
}

.grow-one{
    flex-grow: 1;
}

.grow-two{
    flex-grow: 2;
}

.grow-three{
    flex-grow: 3;
}

.space-around{
    justify-content: space-around;
}

.space-evenly{
    justify-content: space-evenly;
}

.flex-margin{
    gap: 26px;
}

.middle-align{
    align-items: center;
}

.end-align{
    align-items:flex-end;
}
.baseline-align{
    align-items:baseline;
}
.whitespace-vertical-middle{
    height: 3vw;
}

.whitespace-vertical-large{
    height: 6vw;
}

.whitespace-horizontal-small{
    min-width: 3vw;
}

.whitespace-horizontal-middle{
    min-width: 18vw;
}

.whitespace-horizontal-large{
    min-width: 36vw;
}

.whole-screen{
    margin: auto;
    width: 100vw;
}

.hundred-percent-size{
    width : 100%;
    height : 100%;
}

.full-width{
    width : 100vw;
}

.full-height{
    height : 100vh;
}

.text-align{
    text-align: justify;
}

.text-align-center{
    text-align: center;
}

.no-margin{
    margin: 0%;
}

.middle-of-screen{
    margin: auto;
}

.fixed{
    position: fixed;
}

.sticky{
    position: sticky;
    position: -webkit-sticky;
}

.absolute{
    position: absolute;
}

.hidden-overflow{
    overflow: hidden;
}

.scroll-overflow{
    overflow: scroll;
}

.pointer-on-hover:hover{
    cursor: pointer;
}

.hover-zoom:hover {
    transform:scale(3);
    -ms-transform:scale(3); /* IE 9 */
    -moz-transform:scale(3); /* Firefox */
    -webkit-transform:scale(3); /* Safari and Chrome */
    -o-transform:scale(3); /* Opera */
}

.transition-all{
    transition: all .2s ease;
}

.behind{
    z-index: -1;
}

.primary-color-bg{
    background-color: rgb(32, 32, 32);
}

.portret {
    max-width: 300px;
}

.sm-only{
    display: block;
}

.lg-only{
    display: none;
}

.margin-r-md{
    margin-right: 24px;
}

@media only screen and (min-device-width: 700px) and (min-width: 700px) {
    .lg-only{
        display: block;
    }
    .sm-only{
        display:none;
    }
    .achtergrond{
        background-position: 0px -60vw;
        background-size: 160%;
    } 
}