@media (max-width: 567px) {
	.wrapper {
		height: 100vh;
	}	
	.business-card-wrapper {
		max-width: 100%;
		height: auto;
		padding: 50px 30px;
		gap: 30px;
		flex-direction: column;
	}
	.business-card-wrapper img {
		width: 150px;
	}
	.owner-details h1 {
		font-size: 25px;
	}
	.owner-details{
		text-align: left;
		margin-top: 30px;
	}
	.contact-details a {
		font-size: 11px;
	}
	.social-media a {
		height: 35px;
		width: 35px;
		font-size: 30px;
	}
	.social-media a img {
		width: 25px;
	}
	.social-media {
		gap: 3px;
		justify-content: center;
	}
	.contact-details {
		gap: 10px;
		margin-top: 50px !important;
	}
	.owner-details small{
		font-size: 10px;
	}
}
@media only screen and (max-width: 767px) and (min-width: 568px) {
	.wrapper {
		height: 100vh;
	}	
	.business-card-wrapper {
		max-width: 100%;
		height: auto;
		padding: 50px 30px;
		gap: 30px;
		flex-direction: column;
	}
	.business-card-wrapper img {
		width: 150px;
	}
	.owner-details h1 {
		font-size: 25px;
	}
	.owner-details{
		text-align: left;
		margin-top: 30px;
	}
	.contact-details a {
		font-size: 11px;
	}
	.social-media a {
		height: 35px;
		width: 35px;
		font-size: 30px;
	}
	.social-media a img {
		width: 25px;
	}
	.social-media {
		gap: 3px;
		justify-content: center;
	}
	.contact-details {
		gap: 10px;
		margin-top: 50px !important;
	}
	.owner-details small{
		font-size: 10px;
	}	
}