/* ---{ Sizes }--- */
/* ---{ General colors }--- */
/* ---{ media queries. When using responsive }--- */
/* ---{ Columns }--- */
/* ---{ Other }--- */
/* ---{ Mixins }--- */
/*----- CSS3 Animation functions -----*/
.vacaturereact {
  float: left;
  width: 100%;
  background-color: #f1f1f1;
  padding: 15px;
  margin-bottom: 15px;
}
.vacaturereact ul.col {
  float: left;
  list-style: none;
  width: 48%;
  margin: 0 !important;
  padding: 0;
  list-style-type: none !important;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .vacaturereact ul.col {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .vacaturereact ul.col {
    margin-bottom: 30px !important;
  }
  .vacaturereact ul.col:last-child {
    margin-bottom: 0;
  }
}
.vacaturereact ul.col li {
  float: left;
  width: 100%;
  margin-bottom: 3px;
}
.vacaturereact ul.col li:last-child {
  margin-bottom: 0;
}
.vacaturereact ul.col li span {
  float: left;
  width: 150px;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .vacaturereact ul.col li span {
    width: 50%;
  }
}
.vacaturereact ul.col li strong {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}