.nanaio{
	height:120px;
	width:100%;
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	font-size:45px;
	color:#5D1411;
	border-bottom:6px groove orange;
	border-radius:0 0 30px 30px;
}
.hedder{
	background-color:#2B0000;
}
.photo-section{
	height:500px;
	width:80%;
	margin-top:0.5%;
	overflow-y:scroll;
}
.s-baar{
	height:100%;
	width:100%;
	display:flex;
	flex-direction:column;
	gap:1.5%;
}
.mmoids{
	height:32%;
	width:100%;
	display:flex;
	justify-content:center;
	gap:1%;
}
.imgsdfa{
	height:100%;
	width:23%;
}
.img1{
	height:100%;
	width:100%;
	border-radius:10px;
}
.footer{
	height:200px;
	width:100%;
	background-color:#2B0000;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:3%;
}
@media screen and (max-width: 768px) {
	.nanaio {
		height: auto;
		padding: 20px 10px;
		font-size: 32px;
	}

	.photo-section {
		width: 95%;
		height: auto;
		max-height: 500px;
	}

	.mmoids {
		flex-wrap: wrap;
		height: auto;
		gap: 2%;
	}

	.imgsdfa {
		width: 48%;
		height: 180px;
		margin-bottom: 2%;
	}

	.footer {
		height: auto;
		padding: 30px 15px;
	}

	.footer p:nth-child(1) {
		font-size: 32px !important;
	}

	.footer p:nth-child(2) {
		font-size: 20px !important;
	}
}
@media screen and (max-width: 480px) {
	.nanaio {
		font-size: 26px;
	}

	.photo-section {
		width: 100%;
		padding: 0 10px;
	}

	.mmoids {
		flex-direction: column;
	}

	.imgsdfa {
		width: 100%;
		height: 220px;
		margin-bottom: 10px;
	}

	.footer p:nth-child(1) {
		font-size: 24px !important;
	}

	.footer p:nth-child(2) {
		font-size: 16px !important;
	}
}