/*
row is in Algemeen.css gedefinieerd
*/

<!---->  
/* VOOR MOBIEL: EEN KOLOM_*/
.column {
  float: left;
  width: 100%;
  padding: 8px 5px;
}
.TekstOnder{
  color: #00ff00;
  text-align: center;
  font-size: 4.5vw;
  padding: 0px;
  background-color: none;
}
.NieuwsAfbeelding{
width: 100%;
  padding: 8px 5px;
}
<!---->  
/* Responsive layout - TWEE KOLOMMEN */
@media screen and (min-width:600px) {
  .column {
   width: 50%;
  }
  .TekstOnder{
   color: #00ff00;
   text-align: center;
   font-size: 1.6vw;
   padding: 0px;
  }
  .NieuwsAfbeelding{
   width: 70%;
   padding: 8px 5px;
   }

} 
<!---->  
 /* Responsive layout - Drie KOLOMMEN*/ 
@media screen and (min-width:1000px) {
  .column {
   width: 33.33%;
   }
  .TekstOnder{
   color: #ff0000;
   text-align: center;
   font-size: 1.1vw;
   }
   .NieuwsAfbeelding{
   width: 60%;
   padding: 8px 5px;
   }
 
}
<!---->  
 /* Responsive layout - Drie KOLOMMEN Vast*/
@media screen and (min-width:1275px) {  
  .TekstOnder{
   color: #ff0000;
   text-align: center;
   font-size: 15px;
  }
  .NieuwsAfbeelding{
  width: 500px;
  padding: 8px 5px;
}

}
<!---->  
<!---->
.absoluteDruppels {
  position: absolute;
  top: 0px;
  left: 0%;
  width: 100%;
  height: 100%;
   -ms-transform: rotate(30deg); /* IE 9 */
  transform: rotate(30deg);
  border: 0px solid #73AD21;
}
<!---->
<!---->






