body, html{
	margin:0px !important;
	padding:0px !important;
	font-family: 'Muli', sans-serif;
	text-align:center;
	width:100%;
	color: #3F3844;
}
article p{
	text-align: justify;
	font-size:14pt;
}


/* MAIN GRID LAYOUT */ 
.header{
	grid-area: header;
	position: -webkit-sticky;
	position: sticky;
	position: sticky;
	top:0;
	z-index: 100;
}
.main{
	grid-area: main;
	background-color: white;
	padding:0;
}
.footer{
	grid-area:footer;
	background-color:#404248;
}
.main-container{
	background-image: url("images/backgd-larger.png");
	background-repeat: repeat;
	min-height: 100vh;
	display:grid;
	grid-template-columns: 8% 1fr 8%;
	grid-template-rows: 60px 1fr 50px;
	grid-column-gap: 0px;
	grid-row-gap: 20px;
	grid-template-areas: 
		"header header header"
		". main ."
		"footer footer footer";
}

/* Responsive */
@media (max-width: 900px){
	.main-container{
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		grid-template-areas: 
			"header header header"
			"main main main"
			"footer footer footer";
	}
	.main-container img{
		max-width: 100% !important;
	}

	article{
		padding:20px !important;
	}
	article p{
		font-size: 12pt !important;
	}

}

/* ARTICLE LAYOUT */
/* TEST */
.p-grid-container h1{
	grid-area: title;
	background:lightblue;
}
.p-grid-container p{
	grid-area: para;
}
.p-grid-container{
	display:grid;
	grid-template-columns: 5% auto 5%;
	grid-template-rows: auto;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	grid-template-areas: 
		"title title title"
		". para ."
}

/* PAGE SPECIFIC ? */
article{
	padding:30px 70px 30px 70px;
}
article ul li{
	text-align:left;
}
article h1{
	text-align:left;
	font-size: 24pt;
	font-weight: bolder;
}
article h2{
	font-size: 18pt;
	color:#404040;
}

article img.horizontal-image{
	max-width:550px;
	margin-top:30px;
	margin-bottom: 30px;
}




/* TITLE HEADER */
.news-container{
	display:flex;
	justify-content: center;
	background-color: #a27ea9;
	align-items: flex-end;				
}
.news-container p{
	color:white;
}
p.large-font-size{
	font-size:36pt;
	font-weight: bold;
	flex-grow:4;
}


/* IMAGES ORIGINES */
.simple-float-img{
	max-width:500px;
	padding:20px;
	margin: 10px 30% 10px 30%;
	/*float:right;*/
}
.simple-float-img figure{
	margin-top:0px;
	margin-bottom: 0px;
	font-size:12pt;
	font-style: italic;
}
.simple-float-img img{
	max-width:100%;

}
.clear{
	clear:both;
}