/*******************************************************
*-----------------------  general -----------------------
********************************************************/


/*******************************************************
*-----------------------  header -----------------------
********************************************************/
header{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding:  0px 0px 0px 0px;
}
/*******************************************************
*-----------------------  section -----------------------
********************************************************/


/*******************************************************
*-----------------------  footer -----------------------
********************************************************/
footer{
	display: block;
	width: 100%;
	
	}
/*******************************************************
*----------------------- navigatie---------------------
********************************************************/

header .topnav{display: none;}
header .mobilenav{display: block;}


#nav_mobile{
	width:97%;
	overflow:hidden;
	margin: 5px 1.5% 0px 1.5%;
}
#nav_mobile li{
	width: 100%; 
	padding: 0; 
	margin: 0;
	text-transform: uppercase;
	font-size: 16px;
	font-family: 'Source Sans Pro';
	letter-spacing: 0.1em;
}

#mobile_nav{
	display: none;
}

#nav_mobile li a{text-decoration: none;padding: 5px 0;}
#nav_mobile li a:hover,
/*#nav_mobile li a:active,*/
#nav_mobile li a.active{background-color:#f1f1f1;;}
#nav_mobile > li > a,
#mobile_nav > li > a{
	width: 100%;
	display:block;
	padding: 10px 0;
	text-align: center;
}
#mobile_nav > li > a
	border-bottom: solid 1px #9db0ac;
}

#nav_mobile > li > a{
	color: white;
}
#mobile_nav > li > a{
	
}



/*******************************************************
*----------------------- main nav ---------------------
********************************************************/

/*******************************************************
*-----------------------  content -----------------------
********************************************************/

#content{
	width: 100%;
	padding-right: 0px;
	width: 92%;
	padding: 0 4%;
}


.column2{
	float:none;
	display: block;
	width: 100%;
	margin: 0px 0 0px 0px;
	padding:  0px 0px 0px 0px;
}
/****** info *********/
.info_block{
	margin-bottom: 0px;
}
.infoLeft, .inforight{
	width: 100%;
	margin: 0px 0 20px 0px;
	padding: 0;
}
.infoLeft p{margin-bottom: 10px;}

.column2.column2last.inforight{ margin-right: 0;}
.inforight img{width: 100%;}

.dries_naamkaartje{
	margin: 20px 0px 0px 0px;
}
/****** contact *******/
.contactspecs{
	margin: 20px 0px 0px 10px;
	font-size: 15px;
}


.contactspecs p{
	margin: 0px 0px 20px 0px;
	padding:  0px 0px 0px 48px;
	background-image: url(https://www.ontwerpbureaudries.be/images/interface/lijn.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}



/****** projects *******/
.project_item{
	float:none;
	width: 100%;
	height: auto;
	margin: 0px 0px 20px 0px;
	padding:  0px 0px 0px 0px;
}
.project_item.vier{margin-right: 0}
.project_item.t_drie{margin-right: 0}
.project_img{
	display: block;
	width: 100%;
	height: auto;
	overflow:hidden;
	
}
.project_item a img{width: 100%}

/****** projects detail *******/

.project_detail_left, .project_detail_right{
	float:none;
	display: block;
	width: 100%;
	overflow:hidden;
	margin: 0px 0px 0 0px;
	padding:  0px 0px 0px 0px;
}

.project_detail_left h1{
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
	margin: 0px 0px 30px 0px;
}
.project_detail_left .detail_credit,
.project_detail_left .detail_omschrijving{
	margin: 0px 0px 30px 0px;
	font-size: 12px;
}

.detail_slide{
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.detail_slide img{
	height: 240px;
}