
/* grid container page */

.principesup{
	display: -ms-grid;
    -ms-grid-rows: auto auto auto auto auto;
    -ms-grid-columns: 40px 580px 40px 480px 40px;
	margin-bottom: 1%;
}

.principesmid{
	display: -ms-grid;
    -ms-grid-rows: auto auto auto auto auto auto auto;
    -ms-grid-columns: 40px 1100px 40px;
	margin-bottom: 1%;
}

.principesdown{
	display: -ms-grid;
    -ms-grid-rows: 1px 1px auto auto 1px 1px;
    -ms-grid-columns: 40px 580px 40px 480px 40px;
	margin-bottom: 1%;
}

.principes1{
	display: -ms-grid;
    -ms-grid-rows: auto auto auto;
    -ms-grid-columns: 40px 580px 40px 480px 40px;
	margin-bottom: 1%;
}

.principes2{
	display: -ms-grid;
    -ms-grid-rows: auto auto auto;
    -ms-grid-columns: 40px 580px 40px 480px 40px;
	margin-bottom: 1%;
}

.principes3{
	display: -ms-grid;
    -ms-grid-rows: auto auto;
    -ms-grid-columns: 40px 760px 20px 320px 40px;
	margin-bottom: 1%;
}

.principes4{
	display: -ms-grid;
    -ms-grid-rows: auto auto;
    -ms-grid-columns: 40px 1100px 40px;
	margin-bottom: 1%;
}

.picture1 {
	-ms-grid-row: 2;
	-ms-grid-row-span: 3;
	-ms-grid-row-align: center;
	-ms-grid-column: 4;
	-ms-grid-column-align: center;
}

.picture2 {
	-ms-grid-row: 5;
	-ms-grid-column: 4;
	-ms-grid-column-align: center;
}

.picture3 {
	-ms-grid-row: 6;
	-ms-grid-column: 2;
	-ms-grid-column-align: center;
}

.text1 {
	-ms-grid-row: 1;
	-ms-grid-column: 2;

	font-size: 5vh; 
}

.text2 {
	-ms-grid-row: 2;
	-ms-grid-column: 2;

	font-size: 3vh; 
	align-self: end;
}

.text3 {
	-ms-grid-row: 3;
	-ms-grid-row-span: 3;
	-ms-grid-column: 2;
	-ms-grid-column-align: center;

	font-size: 2vh; 
}

.text4 {
	-ms-grid-row: 7;
	-ms-grid-column: 2;
	-ms-grid-column-align: center;

	font-size: 2vh; 
}

.intro {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	-ms-grid-column-span: 3;
	-ms-grid-column-align: center;

	font-size: 2vh; 
}

.subtext {
	-ms-grid-row: 6;
	-ms-grid-column: 2;
	-ms-grid-column-span: 3;
	-ms-grid-column-align: center;

	font-size: 2vh; 
}



