body {
    background: url('../assets/Achtergrond Desktop.jpg') no-repeat center center/cover;
    color: #3C2C22;
}

header {
    height: 10vh;
}

.logo-left {
    left: 0;
    width: 15vh;
    margin-left: 0.5%;
    margin-top: 0.1%;
    background: url('../assets/Logo_Icon.svg') no-repeat left top/contain;
}

.logo-right {
    right: 0;
    width: 15vh;
    margin-right: 0.5%;
    margin-top: 0.1%;
    background: url('../assets/Logo_Type.svg') no-repeat right top/contain;
}

.head-text{
    width: 90vw;
}
.responsive-text {
    font-size: 2.5vw;
    line-height: 1.2;
}

.contact{
    font-size: 1vw;
}

.name {
    font-size: 1.5vw;
}

.row{
    width: 65vw;
}

@media (max-width: 768px) {
    body{
        background: url('../assets/Achtergrond Mobiel.jpg') no-repeat center center/cover;
    }

    .responsive-text {
        font-size: 5vw;
        line-height: 1.2;
    }

    .name {
        font-size: 4vw;
    }

    footer{
        margin: 2vw;
    }
    .contact{
        font-size: 3vw;
    }

    .footer-text {
        font-size: 4vw;
    }
}

a {
    color: #3C2C22;
}


.tk-kazimirtext { font-family: "kazimirtext",sans-serif; }
.tk-area-normal { font-family: "area-normal",sans-serif; }