@media only screen and (min-width: 768px) and (max-width: 991px) {
	html {
		font-size: 80%;
	}
	.paragraph {
		color: var(--black-color);
	}
	.head-title {
		font-size: 3rem !important;
		padding: 3rem 0.8rem !important;
	}
}

/* Mobile Screen */
@media only screen and (max-width: 767px) {
	html {
		font-size: 70%;
	}
	.paragraph {
		line-height: 30px !important;
		color: var(--grey-color) !important;
	}
	.list{
		margin-inline: 2rem !important;
		font-size: 2.5rem !important;
	}
}

/* Mobile Screen */
@media only screen and (max-width: 400px) {
	html {
		font-size: 70%;
	}
	.paragraph {
		text-align: justify;
		color: var(--grey-color) !important;
	}

	.head-title {
		font-size: 2.2rem !important;
		padding: 3rem 0.8rem !important;
	}

	.list{
		margin-inline: 0rem !important;
	}
}