.header{
	overflow: auto;
	height: 720px;
	position: relative;
	width: 100%;
}

.main{
	height: 75px;
	position: relative;
	width: 100%;
}

.logo{
	width: 80%;
	max-width: 940px;
	margin: 0 auto;
}

.logo img{
	max-width: 462px;
	width: 100%;
	position: absolute;
    top: 115px;
}

span.slideControl {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-color: #fff;
	border-radius: 15px;
	margin-left: 5px;
	cursor: pointer;
}

.slider-controls {
	position: absolute;
	right: 0px;
	top: 80px;
}

.banners {
  max-width: 940px;
  width: 80%;
  margin: 0 auto;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  bottom: 20px;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

.banner_holder {
	width: 23%;
	min-height: 209px;
	margin-right: 3%;
	position: relative;
}

.banner_content{
	background-color: rgba(112,175,219,0.85);
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 60px;
	overflow:hidden;

	transition: all 0.5s ease 0s;
	color: #fff;
	font-size: 16px;
	font-family: "pt-sans";
	line-height: 100%;
	text-align: center;
}

.banner_content:hover{
	height: 100%;
}

.banners h2{
  height: 60px;
  line-height: 24px;
  font-family: "pt-sans";
  font-weight: bold;
  font-size: 1.563em;
  color: #ffffff;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 207px;
}

.banners .banner_description{   
  max-width: 187px;
  margin: 0 auto;
  padding-top: 5px; 
}

.banner_holder img{ max-width: 100%; }

.banners .noMarginRight{ float: right; margin-right: 0px; }

.banner_holder a {
  width: 100%;
  text-align: center;
  float: left;
}

.banner_holder a img {
  margin-bottom: -20px;
}

.googleLinks{ margin-top: 0px !important; }

/*mobile*/
@media only screen and (min-width : 320px) and (max-width : 759px) {
	.banners{
		width: 100%;
		display: block;
		position: relative;
		margin-top:150px;
	}
	
	.logo img{
	max-width: 462px;
	width: 100%;
	position: absolute;
    top: 1px;
}
	
	.achtergrond_slides {
        display: block;
		top: 34px!important;
    }
	
	.achtergrond_slides  .bx-wrapper .bx-pager{
		display:none;
	}
	
	.banner_holder{
		width: 100%;
		max-width: 220px;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 40px;
	}
	.banners .noMarginRight {
	  float: none;
	  margin-right: auto;
	}
}