/*  MAKE LAYOUT RESPONSIVE at 768px FOR IPAD PORTRAIT ================================================================ */

header {
	width: 100%; /* 720px / 768px */
}

footer {
	width: 100%; /* 720px / 768px */
}
	
/* HEADER ============================================================================= */

#header {
    background:rgba(121, 3, 5, 1.0) none;
	position: relative;
}

.logo {
	width:275px;
	margin: -10px 0 0 -60px;
}

#headerMenuCont {
	width:50%;
	float:right;
	padding:0;
}

/* CONTENT ============================================================================= */

#contentProducten .col {
	margin: 1% 0 1% 0%; 
}

#contentProducten .span_3_of_3, 
#contentProducten .span_2_of_3, 
#contentProducten .span_1_of_3 { 
	width: 100%; 
}

.gallery {
    float: left;
}

.merken br {
	display:none;
}

.merken .gallery-item {
    width: 33.33% !important;
}

/* FOOTER ============================================================================= */

#footerBot {
    text-align: center;
}

.alignright {
    text-align: inherit;
}

/*  GRID OF FOUR TURNS INTO A GRID OF TWO */

#footer .span_1_of_4 {
	width: 49.2%;
	margin: 1% 0 1% 1.6%; 
}

#footer .span_1_of_4:nth-child(2n+1) { 
	clear: both;
	margin-left: 0;
}