/* padding */
.u-pt--1 {
	padding-top: 1em;
}
.u-pt--2 {
	padding-top: 2em;
}
.u-pt--3 {
	padding-top: 3em;
}

.u-pb--1 {
	padding-bottom: 1em;
}
.u-pb--2 {
	padding-bottom: 2em;
}
.u-pb--3 {
	padding-bottom: 3em;
}

.u-py--1 {
	padding-top: 1em;
	padding-bottom: 1em;
}

/* margin */
.u-mt--0 {
	margin-top: 0 !important;
}
.u-mt--05 {
	margin-top: .5em;
}
.u-mt--1 {
	margin-top: 1em;
}
.u-mt--2 {
	margin-top: 2em;
}
.u-mt--3 {
	margin-top: 3em;
}

.u-mb--0 {
	margin-bottom: 0 !important;
}
.u-mb--05 {
	margin-bottom: .5em;
}
.u-mb--1 {
	margin-bottom: 1em;
}
.u-mb--2 {
	margin-bottom: 2em;
}
.u-mb--3 {
	margin-bottom: 3em;
}

.u-my--1 {
	margin-top: 1em;
	margin-bottom: 1em;
}

/* align */
.u-align--left {
	text-align: left;
}
.u-align--center {
	text-align: center;
}
.u-align--right {
	text-align: right;
}

/* font-size */
.u-text--md {
	font-size: 1.15em;
}

/* grid */
.grid-cols-2 {
	display: grid;
  	grid-template-columns: repeat(2, 1fr);
	gap: 4%;
}

/* width */
.w-xs {width: 73px;}
.w-sm {width: 90px;}
.w-md {width: 100%; max-width: 140px;}

/* intro */
.intro h2 {
	padding-left: 20px;
	position: relative;
}
.intro h2::before {
	content: '';
	width: 6px;
	height: 100%;
	background-color: rgb(199, 22, 30);
	position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
}