@media (max-width: 378px) {
	.hero h1 {
		margin-left: 160px;
		font-size: 20px;
	}
	.hero p {
		font-size: 10px;
	}


}
@media (max-width: 560px) {
	.hero {
		text-align: left;
		align-items: normal !important;
	}
	.hero p {
		margin-left: 160px;
	}
	.hero h1 {
		text-align: center;
	}

}
@media (max-width: 1250px) {
	.hero {
		justify-content: normal !important;
	}
	.hero h1 {
		margin-top: 10px;
	}
}
.uglypreview {
	max-height: 200px;
	overflow: hidden;
}