/* Shared
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.button {
	border-radius: 100px;
}

/* Sections
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {
	padding: 8rem 0 7rem;
	text-align: center;
}
.section-heading, .section-description {
	margin-bottom: 1.2 rem;
}
.category {
	padding: 4px;
	background-color: rgba(90, 0, 0, .0);
	margin: 10px 5px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .3);
	
	
}
/* Bigger than 550 */
@media (min-width: 550px) {
	.section {
		padding: 12rem 0 11rem;
	}
	.hero {
		padding-bottom: 0rem;
		text-align: left;
		height: 165px;
	}
	.phone {
		position: absolute;
		top: -7rem;
		right: 3rem;
		max-height: 362px;
		z-index: 3;
	}
	.phone + .phone {
		top: -6rem;
		display: block;
		max-width: 73.8%;
		right: 0;
		z-index: 2;
		max-height: 338px;
	}
	.hero-heading {
		font-size: 2.4 rem;
	}
}

/* Bigger than 750 */
@media (min-width: 750px) {
	.hero {
		height: 190px;
	}
	.hero-heading {
		font-size: 2.6 rem;
	}
	.section {
		padding: 5rem 0 5rem;
	}
	.hero {
		padding: 16rem 0 14rem;
	}
	.section-description {
		max-width: 60%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.categories {
		padding: 15rem 0 8rem;
	}
}

/* Bigger than 1000 */
@media (min-width: 1000px) {
	.section {
		padding: 6rem 0 6rem;
	}
	.hero {
		padding: 1rem 0;
	}
	.hero-heading {
		font-size: 3.0 rem;
	}
	.phone {
		top: -16rem;
		max-height: 615px;
	}
	.phone + .phone {
		top: -14rem;
		max-height: 570px;
	}
}