.kaartcontainer{ 
    margin-top: -220px;
    text-align: center;

}

.kaart {
    background-color: #FFFFFF;
    width: 70%;
    border-radius: 5px !important;
    display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding-top: 50px;
    padding-bottom: 50px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    vertical-align: top; 
    text-align: left;
}

.kaart .image {
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 300px;
    height: 300px;
    width: 300px;
    margin-left: 50px;
    margin-right: 50px;

}

.kaart .kaartcontent {
    width: -webkit-calc(100% - 500px);
    width:    -moz-calc(100% - 500px);
    width:         calc(100% - 500px);  
    float: left;

    margin-top: 30px;

}

/*/////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 1250px) {
    .kaart .image {
        float: none;
        margin:auto;
        background-size: 360px;
        height: 360px;
        width: 360px;
    }
    
    .kaart .kaartcontent {
        width: -webkit-calc(100% - 20px);
        width:    -moz-calc(100% - 20px);
        width:         calc(100% - 20px);  
        padding-left: 20px;
    }
    
    .kaart .kaartcontent .tekst {
        margin-right: 15px;
        text-align: justify;
        text-justify: inter-word;
    }

    .kaart  {
        width: 100%;
        float: none;

        margin-left: 0px;
        margin-right: 0px;

    }

    .contectFoto {
        width: 100%;
        float: none;
        margin-top: 50px;
      }
    .contactTekst {
        width: 100%;
        float: none;
        text-align: justify;
        text-justify: inter-word;

    }
  }

  /*/////////////////////////////////////////////////////////////*/

  .contactContainer {
      width: 95%;
  }
  .contactTekst {
      width: 40%;
      float: left;
      margin-right: 20%;
  }
  
  
  .icons {
      margin-top: 50px;
      font-weight: bold;
  }
  
  .icons img { 
      float: left;
      margin-top: -20px;
      margin-left: 30px; 
      margin-right: 40px; 
      width: 64px;
  }

  
@media only screen and (max-width: 900px) {
    .contactTekst {
        width: 100%; 
        float: none;
    }
  }