body {
    margin: 0 0 0 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    color: #000;
}

.bg {
    position: fixed;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
}

.bg img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 20%;
    min-height: 50%;
}


/* opmaak van de 'container' waar het logo en het formulier inzitten */
.download {
    position: absolute;
    margin-top: 320px;
    
    left: 24%;
    width: 300px;
    height: 50px;
}
.download a {
    color: #000;
    font-style: italic;
    font-size: 23px;
}

.container {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -45%);
    width: 500px;
    height: 500px;
}

.logo {
    float: left;
    width: 700px;
    margin-top: -90px;
    margin-bottom: 10px;
    margin-left: -90px
}

.social {
    float: left;
    margin-top: 30px;
    width: 400px;
    margin-left: -26px;
}

.mail {
    float: left;
    width: 40px;
    margin-top: 5px;
    margin-left: 150px;
}

.facebook {
    float: left;
    width: 18px;
    margin-left: 40px;
}

.linkedin {
    float: left;
    margin-left: 40px;
    width: 35px;
    margin-top: 1px;
}

.vimeo {
    float: left;
    margin-left: 40px;
    width: 35px;
    margin-top: -9px;
/* opmaak foutmeldingen */