#contentje {
	margin: 4px 0;
	width:78%;
	float:left;
    display: inline-block;
}  

#page-sidebar {
	float:right;
	height: 100%;
	display: inline-block;
	width:20%;
}

#sidebar-border {
	height: 100%;
    height: calc(100% - 20px);
}


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

.wrapper {
   display: -webkit-flex;
   display:         -webkit-box;
   display:         -ms-flexbox;
   display:         flex;
   -webkit-flex-flow: column nowrap;
           -ms-flex-flow: column nowrap;
       flex-flow: column nowrap;
}	

#contentje{
    -webkit-order: 1;
           -webkit-box-ordinal-group: 2;
               -ms-flex-order: 1;
            order: 1;
}

#page-sidebar {
    -webkit-order: 2;
           -webkit-box-ordinal-group: 3;
               -ms-flex-order: 2;
            order: 2;
}

#page-sidebar {
	display:block;
	height: auto !important;
	width: 100%;
} 


#contentje {
    width: 100%;
}

}