/*
    Theme Name: five elements
    Version: 1.0
*/
.container-fe {
  padding: 20px;
  margin: 30px auto;
}
/* title */
h1.fiveelements_title {
  font-size: calc(20px + 1.5vw + 1.5vh) !important;
  white-space: normal;
}
#formfe p {
  margin: 5px 0;
  font-size: 95%;
  color: #777
}
.velduitkomst {
  margin: 30px 0; 
}
.element1, .element2, .element3, .element4, .element5, .element6, .element7, .element8, .element9, .element10 { 
  padding: 30px; color: #333; line-height: 1.7;
}
.element1, .element2 {
  background-color: white;
  border: 2px #333 solid;
}
.element3, .element4 {
  background-color: #333333;
  color: white !important;
}
.element5, .element6 {
  background-color: #a4d172;
}
.element7, .element8 {
  background-color: #f58a82;
}
.element9, .element10 {
  background-color: #f8ef7a;
}
.element3 h3, .element3 p, .element4 h3, .element4 p {
  color: white !important;
}
.element5 p, .element6 p, .element7 p, .element8 p, .element9 p, .element10 p { color:#333 !important; }

.container-fe * {
  font-size: 100%;
}

@media handheld, only screen and (max-width: 767px) {
  .container-fe * {
    font-size: 100%;
  }
}
@media handheld, only screen and (max-width: 450px) {
  .container-fe * {
    font-size: 90%
  }
}