body {
    margin: 0px;
}

body {
    background-image: url(../images/concrete.jpg);
    width: 100%;
    height: 100%;
   }

.logo {
    background-image: url(../images/meinstallatie.svg);
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
}

.logo-wrap {
    height: inherit;
    width: 200px;
    height:200px;
}

.info-bar {
    width: 50vw;
    top: -30px;
    right: 0;
}

.info-wrap {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}

.introduction {}

.copyright {}

.brand-name-wrap {
    position: relative;
    color: #0f487e;
   /* background: #bdccd4;*/
    height: 55vh;
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.name {
    color: #fff;
    margin: 0 0 20px;
    font-size: 1.25rem;
    line-height: 50px;
}

.email,
.mobile,
.url,
.address {
    font-size:12px;
    line-height:16px;
}

.info-wrap {
    color: #ffffff;
    background: #0f487e;
    height: 40vh;
    min-height: 200px;
    padding: 0px 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.info-test {
    height: 5vh;
    width: 50vw;
    margin: 0px;
    background: #0f487e;
    display: block;
}


@media only screen and (max-width : 480px) {
.logo-wrap {
    height: 160px;
    padding:0 20px;
}
}


.address {
    margin-top: 20px;
}