section{
	border: 0px solid black; 
	display: flex; 
	position: absolute; 
	top: 115px; 
	left: 0px;
	align-items: center;
	flex-direction: column; 
	justify-content: center; 
	z-index: auto;
}

.text{
	margin: 0px;
	margin-left: 10px;
	border: none;
	padding: 0px;
	border: 0px solid magenta;
	font-style: bold;
	width: 100%;
}

.midContent{
	width: 900px;
	height: 300px;
	border: 0px solid black;
	display: flex; 
	border: 0px solid magenta;
	align-items: center;
	justify-content: center;
}

.midContentText{
	width: 50%;
	height: 100%;
	border: 0px solid black;
	justify-content: center;
	display: flex;
	flex-direction: column;
	--align-items: center;
}

#endConcept{
	width: 900px;
	height: 100px; 
	border: 0px solid black;
}


/*      FOR PORTRAIT        */
/****************************/
@media (orientation: portrait){

	section{
		border: 0px solid black; 
		display: flex; 
		position: absolute; 
		top: 260px; 
		left: 0px; 
		align-items: center; 
		flex-direction: column; 
		justify-content: center; 
		z-index: auto;
	}

	.midContent{
		height: 400px;
		--flex-direction: column;
	}

	.text{
		font-size: 30px;
	}

	#endConcept{
		width: 900px;
		height: 300px;
		border: 0px solid black;
	}

	#imgConcept2{
		content: url("../imageWeb/concept2-portrait.jpg");
	}

	#imgConcept3{
		content: url("../imageWeb/concept3-portrait.jpg");
	}

}