/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	
}





/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}





/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

/* GENERAL */

.margin60, .margin90 {
	margin-bottom:30px !important;
}

.col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col5 {
	margin-bottom:30px !important;
}

.col-md-2 {
	float:left;
  -ms-flex: 0 0 33%;
  flex: 0 0 33%;
  max-width: 33%;
}

header .col-md-2 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

header .col-md-8 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

#content .col-md-2 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

#content .col-md-8 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.col-md-4 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;	
}

.col5 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.oplossingen .col5 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom:15px !important;
}

/* SHOWMOBILE / HIDEMOBILE */

.showmobile { display:inline-block; }
.hidemobile { display:none; }

/* SECTIONS */

header {
	padding-top:150px;
}

#intro img {
	margin-bottom:30px;
}

#imgleft, #imgright {
	text-align:center;
}

#imgleft {
	padding-bottom:30px;
}

#imgright {
	padding-top:0px !important;
}

#aangesloten .nav-item {
	width:100%;
}

#nieuws .right {
	text-align:left !important;
}

.nextarrow {
	top:auto;
	bottom:-50px !important;
	left:50%;
	margin-left:-45px;
	transform:  rotateY(180deg) rotate(90deg); /* notice the order */
}

.contactgegevens {
	padding-top:0px;
}

.contactform {
	padding:40px;
}

/* VERVOLG - REFERENTIES */

.referenties .col-md-2 {
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}


}





/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 667px) {

.col-md-2 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-md-4 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;	
}

#contact {
	max-height:800px;
}

.filter-button-group {
	display:flex;
	flex-direction:column; 
	align-items:flex-start;
	justify-content: flex-start;
}

.filter-button-group button {
	margin-left:0;
	margin-top:1rem;
}

.publicatiesfilter button.active {
	margin-left:0;
}

header h1 {
	font-size:32px !important;
}

}