/* #####################################################################################################
   HOMEPAGE
   ##################################################################################################### */

/*--- standard variables ---*/
/* Zwart */
/* Standaard Groen */
/* Donker Blauw */
/* Licht Grijs */
/* Button Blauw */
/* Grijs */
/*--- media queries. When using responsive ---*/
/* Range breakpoints */
/*--- custom class functions ---*/
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/*----- Buttons -----*/
/*----- CSS3 Animation functions -----*/
.homepage #breadcrumbs {
  display: none !important;
}
.homepage #cols {
  padding: 0;
}
.homepage #banner {
  position: relative;
  margin: 2% 0 30px 0;
}
.homepage #banner ul {
  list-style: none;
  margin: 0;
}
.homepage #banner img {
  width: 100%;
}
.homepage #banners {
  overflow: hidden;
}
.homepage #banners ul {
  list-style: none;
  margin: 0;
  overflow: hidden;
}
.homepage #banners ul li {
  float: left;
  width: 33.33%;
}
.homepage #banners ul li a {
  display: block;
}
.homepage #banners ul li div {
  color: #454545;
  font-family: 'Buenard', serif;
  font-size: 18px;
  height: auto;
  padding: 2%;
  text-align: center;
}
.homepage #banners ul li img {
  width: 100%;
}
.homepage .hrTitle {
  background: none repeat scroll 0 0 white;
  margin: -17px auto 30px;
  text-align: center;
  width: 120px;
}
/*end .homepage*/

@media only screen and (min-width : 768px) {
  .homepage #cols {
    padding: 0;
  }
  .homepage #banners {
    overflow: hidden;
  }
  .homepage #banners .smallBanner {
    float: left;
    margin: 0 2% 0 0;
    width: 32%;
    min-width: 147px;
  }
  .homepage #banners .smallBanner:last-child {
    margin: 0;
  }
  /*end .homepage*/
}
/* ==========================================================================
   Desktop styles
   ========================================================================== */

@media only screen and (min-width : 1024px) {
  .homepage #banners ul li div {
    font-size: 19px;
    padding: 20px;
  }
}