:root{
	--info_s1:6rem;/*grid-gap*/
	--info_s2:5rem;/*grid-gap*/
}
.info-i1{
	height:auto;
	object-fit:cover;
	object-position:center;
	border-radius:0.3rem;
	opacity:0.8;
	transition:all 0.3s;
	min-height:24rem;
}
.info-i1:hover{
	opacity:1;
}
.info-e1{
	width:100%;
	background:var(--c11);
	background:black;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	padding:7rem 0;
	justify-content:center;
}
.info-e2{
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:center;
	grid-gap:var(--info_s2);
}
/*.info-e3{
	display:grid;
	grid-template-columns:repeat(6, 1fr);
	grid-gap:var(--info_s1);
	align-items:center;
	justify-content:center;
	grid-template-areas:"a a a b b b";
}
.info-e3 img{
	grid-area: a;
}
.info-e3 p{
	grid-area: b;
}*/
.info-e3{
	display:flex;
	grid-gap:var(--info_s1);
	align-items:center;
	justify-content:center;
	flex-wrap:nowrap;
	flex-direction:row;
}
.info-e3 img{
	width:50%;
}
.info-e3 p{
	width:50%;
}
@media screen and (max-width:1200px){
	:root{
		--info_s1:4rem;/*grid-gap*/
		--info_s2:4rem;/*grid-gap*/
	}
}
@media screen and (max-width:800px){
	:root{
		--info_s1:3rem;/*grid-gap*/
	}
	/*.info-e3{
		grid-template-areas:"a a b b b b";
	}*/
}
@media screen and (max-width:600px){
	:root{
		--info_s1:3rem;/*grid-gap*/
	}
	.info-i1{
		min-height:unset;
	}
	.info-e3{
		flex-direction:column;
	}
	.info-e1{
		padding:5rem 0;
	}
	.info-e3{
		display:flex;
		flex-wrap:nowrap;
		flex-direction:column;
	}
	.info-e3 img{
		width:100%;
	}
	.info-e3 p{
		width:100%;
	}
}