/*
===============================================================
MEDIA CSS RESPONSIVE
===============================================================
*/

/* Large desktops and laptops */
@media (min-width: 1200px) {
	#header .topmenu { margin-top: 100px; }
	
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	
	#header .topmenu { margin-top: 100px; }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	
	#header .logo img { margin: 0 auto; }
	
	#header .topmenu { margin-top: 100px; }
	
	
	#footer { text-align: center; }
	#footer .social { margin-top: 5px; }
	#footer ul li a i.fa-twitter:before { left: 1px; }
	#footer ul li a i.fa-facebook:before { left: 1px; }
	#footer ul li a i.fa-linkedin:before { left: 0px; }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	#header .topmenu { float: none; text-align: center;  margin: 0 auto; }
	#header .topmenu ul { display: inline-block; }
	#header .topmenu ul li a { padding:10px 30px 20px 0 };
	#header .logo img { margin: 0 auto; }
	

	
	#footer { text-align: center; }
	#footer .social { margin-top: 5px; }
	#footer ul li a i.fa-twitter:before { left: 1px; }
	#footer ul li a i.fa-facebook:before { left: 1px; }
	#footer ul li a i.fa-linkedin:before { left: 0px; }
	
	.opvulling {display:none }
}


 /*
===============================================================
CUSTOM CSS
===============================================================
*/
/*Line 6136*/
@media (max-width: 767px) {
  .transparent-xs { color: transparent !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .transparent-sm { color: transparent !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .transparent-md { color: transparent !important; }
}
@media (min-width: 1200px) {
  .transparent-lg {  color: transparent !important; }
}

/*Global*/
.text-align-right-xs { text-align: right !important; }
.text-align-left-xs { text-align: left !important; }
.text-align-center-xs { text-align: center !important; }
@media (min-width: 768px) {
	.text-align-left-sm { text-align: left !important; }
	.text-align-right-sm { text-align: right !important; }
	.text-align-center-sm { text-align: center !important; }
	
	.pull-left-sm { float: left !important; }
	.pull-right-sm { float: right !important; }
}
@media (min-width: 992px) {
	.text-align-left-md { text-align: left !important; }
	.text-align-right-md { text-align: right !important; }
	.text-align-center-md { text-align: center !important; }
	
	.pull-left-md { float: left !important; }
	.pull-right-md { float: right !important; }
}
@media (min-width: 1200px) {
	.text-align-left-lg { text-align: left !important; }
	.text-align-right-lg { text-align: right !important; }
	.text-align-center-lg { text-align: center !important; }
	
	.pull-left-lg { float: left !important; }
	.pull-right-lg { float: right !important; }
}