@import "styles.css";

html {
	scroll-behavior: smooth;
}

section {
	height: fit-content;
	margin: 20vh 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

/*======================================
	Start Hero CSS
========================================*/

#section_1 {
	height: 100vh;
	margin: 0;
}

.img-hero {
	width: 80%;
}

@media only screen and (min-width: 320px) and (max-width: 992px) {
	.section__heading {
		margin-top: 8%;
		text-align: center;
	}

	.section__content {
		text-align: justify;
		margin-top: 16px;
	}

	.img-hero {
		width: 70%;
	}
}