/*------ GENERAL --------*/
body{
	margin:auto;
}
dt{
	text-align:center;
}
/* -------------- HEADER AND NAVIGATION -------------------*/
.banner{
	display:block;/*this makes the picture in the middle of the block*/                 
	margin:auto;/*this makes the picture in the middle of the block*/                   
}
header{
	vertical-align:middle;
}
.menuButton{
	overflow:auto;
	display:inline-block;
	text-align:center;
}
nav{
	margin:auto;
}
@supports (display: flex){
	nav {
		/*The two following lines put the center in the middle of the container*/
		display:flex;
		justify-content:center;
		flex-wrap:wrap;
		width:auto;
	}
	.menuButton{
		display:table;
	}
	.centerTextDiv{
		display:table-cell;
		vertical-align:middle;
	}
}
/*------ MIDDLE BLOCKS-------*/

#middleContainer{
	margin:auto;
}
#left{
	float:left;
	z-index:2;
}
#right{
	float:right;
	z-index:2;
}
#left,#right,#textAndFooter{
	display:inline-block;
}
@supports (display:flex){
	#middleContainer{
		display:flex;
		justify-content:space-between;
	}
	#textAndFooter{
		flex:1;
	}
	#left,#right{
		float:none;
	}
	#textAndFooter,#mainText,#middleContainer{
		width:auto;
	}
}
#left,#right{
	overflow:hidden;
}

/*------ OTHER--------*/
h1,h2,h3{
	text-align:center;
}
footer li{
	text-align:center;
}