main {
    width: 77%;
    margin: auto;
	background-color: rgb(244, 244, 244);
	box-shadow: 0 10px 30px rgba(0,0,0,0.24);
	border-radius: 7px;
}
	.about-section {text-align: center; padding: 1.7rem 1rem;}
		.o-nama {font-size:clamp(14px, 1.3vw, 24px);}
		.mission-vision {display: flex; justify-content: space-around; margin-top: 30px; gap:3vw;}
			.box {
				flex: 1;
				margin: 1vw;
				padding:1vw;
				background: rgb(244, 244, 244);
				box-shadow: 0 10px 30px rgba(0,0,0,0.12);
				border-radius: 7px;
				font-size:clamp(10px, 1vw, 17px);
			}
		.zasto-mi{font-size:clamp(14px, 1.3vw, 24px);}
			.zato {position: relative; max-width:444px; margin:auto;}
			.zato ul {list-style-type:none; padding:0; margin:0;}
			.zato li:before {
				content: "🌸";
				position: absolute; 
				left:-10%;		
			}



@media (max-width: 400px) {
	.mission-vision {flex-direction: column;}
}