.intro{
	background: #051b2e;
	background: hsl(208deg 80% 10%);
	color: #fff;
	padding:100px 0px;
}
.introContent{
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
}
.introContent #phoneTemplate-textWrapper .text{
	background: var(--secondaryColor);
}
.intro h1{
	margin-bottom:50px;
	font-weight: lighter;
}
.intro span{
	color: var(--mainColor);
}
.big{
	font-size: 40px;
}
.intro1 h2{
	margin: 10px 0px;
	color: var(--mainColor);
}
.intro1 h3{
	font-size: 3rem;
	line-height: 3rem;
	margin-bottom: 5px;
}
@media (max-width: 640px) {
	.intro{
		padding:50px 0px;
	}
	.introContent{
		grid-gap: 50px;
		grid-template-columns: 1fr;
		place-item: center;
	}
}