body {
    font-family: Arial, sans-serif;
    text-align: center;
    /* background-image: url(../assets/Metallic\ Rectangle\ BG.png); */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    color: #364746;
}

div {
    margin: 0 auto;
}

@media screen and (max-width: 600px) {
    div.logo {
        background-image: url("https://softwarelabtwenteassets.blob.core.windows.net/softwarelab-twente-assets/branding/S/Brand%20Round%20-%20S%20-%20InBg.png");
        background-repeat: no-repeat;
        background-size: contain;
        width: 200px;
        height: 200px;
    }
}

@media screen and (min-width: 600px) {
    div.logo {
        background-image: url("https://softwarelabtwenteassets.blob.core.windows.net/softwarelab-twente-assets/branding/M/Brand%20Round%20-%20M%20-%20InBg.png");
        background-repeat: no-repeat;
        background-size: contain;
        width: 400px;
        height: 400px;
    }
}