section {
	display: flex;
	flex-direction: column;
  	justify-content: center;
  	align-items: center;
  	padding-top: 25px;
}
/*
section.paginaSection > h1, section.paginaSection > header > h1 {
    font-size: 2em;
    color: gold;
    text-shadow: 0px 0px 2px red, 1px 1px 4px black;
}		*/

section > header {
		display: flex;
	}

article {
	display: flex;
}

p {
	text-align: justify;
}

.smallCaps {
	font-variant: small-caps;
}
.paginaSection ul {
	list-style-type: none;
	margin: 0;
	padding: 0;    
}
.paginaSection article div p, .paginaSection article div h2 {
	margin: 10px;
}
/*
img {
	background-color: chocolate;
}		*/


@media  (max-width:600px) {
		
	section > header {
		flex-direction: column;
  		justify-content: center;
  		align-items: center;	
  		width: 80%;
	}
	article {
		flex-direction: column;
  		justify-content: center;
  		align-items: center;	
  		width: 100%;		
	}	
	article > div {
		width: 100%;	
	}
	img {
  		max-width: 100%;
 		height: auto;
	}
	.provincie {
		background-color: wheat;
		text-align: center;
	}
	
}


@media  (min-width:601px) {
	section > h1 {
/*		margin-left: 10%;		*/
	}
	section > header {
		flex-direction: row;
  		justify-content: space-around;
  		align-items: center;	
  		width: 60%;
	}
	.provincie {
		flex: 1;
	}
	article {
		flex-direction: row;
  		justify-content: center;
  		align-items: flex-start;		
  		width: 60%;
	}
	figure {
		flex: 1;	/*
		padding: 0;
		margin: 0;				*/
	}
	article div {
		flex: 2;	
	}
	img {
  		max-width: 100%;
 		height: auto;
	}

}

@media  	(min-width: 601px) and (max-width: 1000px) {
	article {
		flex-direction: row;
  		justify-content: center;
  		align-items: start-flex;		
  		width: 80%;
	}


}