de text in flex komt niet in midden van de box staan?

Hallo,

ik heb deze code voor mij footer met resolutie min-width 1560px:

	#footer {
	  width: 100%;
  height: 300px;
  background-color: #35b8c7;
  box-sizing: border-box;
  margin-bottom: -1.5rem;
}

.footer-sub {
  display: flex;
  flex-direction:row;
  max-width: 1500px;
  justify-content: center;
  align-items: center;
  margin-left:auto;
  margin-right:auto;
}

	.footer-section1 {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	text-align:center;
	width:33.333%;
	color: #FFFFFF;
  font-size: 1.2rem;
  line-height: 1.2;	
	
		
		
	}
	.footer-section2 {
		display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	width:33.333%;
	color: #FFFFFF;
  font-size: 1.2rem;
  line-height: 1.2;	
		
	}
.footer-section3 {
 display:flex;
	justify-content:flex-end;
	align-items:center;
	text-align:center;
	width:33.333%;
	color: #FFFFFF;
  font-size: 1.2rem;
  line-height: 1.2;
}

	
	

het probleem is ook in de eerste gedeelde van footer met class naam: fsection.

maar ik zet alleen laatste gedeelde van de code . de code is correct , het werkt in resolutie tot-met 1560px .

maar hier ik heb na 1560 px resolutie (in media query) max width 1500px gezet om na 1560 px de breedte blijft standaard dus het wordt niet misvormed. er is alleen 1 fout the text komt niet in de midden van de box . ik kan margin-top gebruiken maar het moet zonder margin-top gebruiken lukken met flex .

misschien in de code boven ergens moet iets toegevoegd zijn . ik heb geprobeerd bepaalde mogelijkheden maar is niet gelukt.

kan iemand die goed verstand heeft van flex css vertellen mij waar ligt het fout.

opmerking : ik ben met 2 domein namen bezig voor het zelfde website

dank u wel

De pagina waar ik hulp bij nodig heb: [log in om de link te zien]