:root {
	--head-bg: hsla(189, 39%, 94%, 1);
	--head-font-size: 4rem;
	--head-font-weight: 700;
	--head-img-max-width: 250px;
	--head-padding: 2rem 4rem;

	--body-bg: hsla(185, 60%, 65%, 1);
	--body-padding: 4rem 8rem;
	--body-gap: 2rem;

	--number-font-size: 6rem;
	--number-font-weight: 800;

	--subtitle-font-size: 3rem;
	--subtitle-border: 4px solid hsl(0, 0%, 5%);

	--desc-font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
:root {
	--head-font-size: 3rem;
	--head-img-max-width: 200px;
}
}
@media screen and (max-width: 768px) {
:root {
	--head-font-size: 2.5rem;
	--head-img-max-width: 150px;
	--body-padding: 4rem 4rem;
	--subtitle-font-size: 2rem;
}
}
@media screen and (max-width: 568px) {
:root {
	--head-font-size: 2rem;
	--head-img-max-width: 100px;
	--body-padding: 2rem 3rem;
	--subtitle-font-size: 1.5rem;
	--desc-font-size: 1rem;
}
}
@media screen and (max-width: 375px) {
:root {
	--head-padding: 2rem 2rem;
	--head-font-size: 1.5rem;
	--body-padding: 2rem 2rem;
	--body-gap: 1rem;
	--number-font-size: 4rem;
}
}


.abcweb-how-our-mirrors-are-packed {}

.abcweb-how-our-mirrors-are-packed .head {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	padding: var(--body-padding);
	background: var(--head-bg);
}
.abcweb-how-our-mirrors-are-packed .head .title {
	flex-basis: 70%;
	font-size: var(--head-font-size);
	font-weight: var(--head-font-weight);
}
.abcweb-how-our-mirrors-are-packed .head .logo {
	display: block;
	width: 100%;
	max-width: var(--head-img-max-width);
}

.abcweb-how-our-mirrors-are-packed .body {
	padding: var(--body-padding);
	background: var(--body-bg);
	counter-reset: numer;
}
.abcweb-how-our-mirrors-are-packed .body .row {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: var(--body-gap);
	margin-bottom: 2rem;
}
.abcweb-how-our-mirrors-are-packed .body .row .number {
	font-size: var(--number-font-size);
	font-weight: var(--number-font-weight);
	display: flex;
	align-items: center;
}
.abcweb-how-our-mirrors-are-packed .body .row .number::before {
	content: counter(numer);
	counter-increment: numer;
	display: block;
	height: 100%;
	padding-top: 2rem;
}
.abcweb-how-our-mirrors-are-packed .body .row .content {}
.abcweb-how-our-mirrors-are-packed .body .row .content .subtitle {
	font-size: var(--subtitle-font-size);
	border-top: var(--subtitle-border);
}
.abcweb-how-our-mirrors-are-packed .body .row .content .description {
	font-size: var(--desc-font-size);
}

.abcweb-how-our-mirrors-are-packed .foot {
	padding: 0rem 4rem 4rem;
	background: var(--body-bg);
	display: flex;
	justify-content: center;
	align-items: center;
}
.abcweb-how-our-mirrors-are-packed .foot .footer {
	font-size: var(--subtitle-font-size);
	text-transform: uppercase;
	color: var(--abcweb-black) !important;
}
.abcweb-how-our-mirrors-are-packed .foot .footer:hover {
	color: var(--abcweb-primary) !important;
}