html {
    height: 100%;
    width: 100%;
}

body {
    background-color: black;
    color: white;
    font-family: "montserat", sans-serif;
   display: flex;
   flex-direction: column;
   height: 100%;
   width: 100%;
   margin: 0px;
}

.under_construction {
display: flex;
justify-content: center;
flex: 1 1 150px;
}

.under_construction > img{
    max-height: 100%;
}

.header {
    display: flex;
    justify-content: space-between;
    background-color: black;
    align-items: center;
    flex: 0 0 150px;
}

.header > div {
background-color: black;
flex: 1 0 0;
color: white;

}

.header > .moto {
    flex: 2 0 10%;
}

.voorwaarden {
    color: white;
}

footer {
    display: flex;

    justify-content: space-between;
    height: auto;
    background-color: black;
    flex: 0 0 200px;
    padding-left: 5%;
    padding-right: 5%;
}

.ontworpenDoor {
   text-align:right;
}

a {
    color: white;
}

img {
    align-self: center;
    height: auto;
    max-height: 100%;
}

.socials {
    text-align: center;
    justify-content: center;
}

.logo   
{
    padding-left: 5%;
}