body {
  background: #0b375a url(../img/MeijwaardBouw-bg.png) no-repeat bottom right;
  min-height:88vh;
}

p {
  color:#0b375a;
  font-family: 'Source Sans Pro 400', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

a {
  color:#0b375a;
  text-decoration: none;
}

.str {
    font-family: 'Source Sans Pro 700', sans-serif;
    font-weight: 700;
}

.secondcolor {
  color:#0069b4;
}

.thirdcolor {
  color:#FFF;
}

.container {
  max-width: 850px;
  background-color: #FFF;
  margin: 100px auto;
  -webkit-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75);
}

.header {
  padding: 30px 5% 60px 5%;
  width: 90%;
  float:left;
}

.logo {
  width: 90%;
  height:auto;
}

.logoimg {
  width:100%;
  height:auto;
}

.content {
    padding: 30px 5% 30px 5%;
    float:left;
}

.vcard {
  font-size:14px;
  line-height:24px;
}

.contenthalf {
    width:40%;
    padding: 0px 5% 20px 5%;
    float: left;
}

.footer {
  clear: both;
  padding: 5% 10% ;
  background: #fff url(../img/MeijwaardBouw-bg-footer.png) no-repeat bottom left;
  background-size: contain;
}

.big {
  font-size: 20px;
}


@media only screen and (max-width: 600px) {
  .contenthalf {
      width:90%;
      padding: 0px 5% 0px 5%;
      float: left;
  }
  .big {
    font-size: 20px;
  }
  .logo {
    width: 100%;
    height:auto;
  }
  .header {
  padding: 30px 5% 40px 5%;
  }
  .footer {
    padding: 4% 10% ;
  }
  .container {
      margin: 20px auto;
  }
  body {
    background: #0b375a url(../img/MeijwaardBouw-bg.png) no-repeat bottom right;
    background-size: contain;
    min-height:100vh;
  }

}