/*** Standaard opmaak schermen groter dan 1366px ***/

.achtergrond{
  background-color: #525C54;
  padding: 35px;
  border-radius: 25px;
  width: 55%;
  margin: auto;
  margin-bottom: 30px;
}

.foto1 img{
  border-radius: 35px;
  width: 100%;
  margin: 15px;
}
.foto2 img{
  width: 100%;
  margin: 15px;
  -webkit-box-shadow: 0px 0px 28px 8px rgba(0,0,0,1);
  -moz-box-shadow: 0px 0px 28px 8px rgba(0,0,0,1);
  box-shadow: 0px 0px 28px 8px rgba(0,0,0,1);
}
.tekst1{
  background-color: black;
  border-radius: 30px 0 30px 0;
  padding: 20px;
  color: white;
  font-size: 1.4em;
  text-align: center;
  margin: 15px;
}
.tekst2{
  background-color: black;
  border-radius: 30px 0 30px 0;
  padding: 20px;
  color: white;
  font-size: 1.4em;
  margin: 15px;
}
.tekst2 .cijfers{
  color: red;
}
.foto3 img{
  width: 100%;
  margin: 15px;
  -webkit-box-shadow: 0px 0px 28px 8px rgba(0,0,0,1);
  -moz-box-shadow: 0px 0px 28px 8px rgba(0,0,0,1);
  box-shadow: 0px 0px 28px 8px rgba(0,0,0,1);

}

/*** Responsive opmaak telefoon tot iPad portrait ***/

@media screen and (min-width: 320px) and (max-width:768px){
  .achtergrond{
    width: 95%;
  }
  .foto1 img{
    border-radius: 0;
    margin: 7px;
  }
  .foto2 img{
    margin: 15px 0 15px 10px;
  }
  .tekst1{
    margin: 0;
    font-size: 1.2em;
  }
  .tekst2{
    font-size: 1.2em;
  }
}

/*** Responsive opmaak iPad portrait to ipad landscape  ***/

@media screen and (min-width: 769px) and (max-width:1024px){
  .achtergrond{
    width: 80%;
  }
}

/*** Responsive opmaak ipad pro  schermen ***/

@media screen and (min-width: 1025px) and (max-width:1166px){
  .achtergrond{
    width: 70%;
  }
}

/*** Responsive opmaak ipad landscape tot 13inch schermen ***/

@media screen and (min-width: 1167px) and (max-width:1366px){
  .achtergrond{
    width: 60%;
  }
}