.row {
display: grid;
gap: var(--spacer);
align-items: start;
}
.row.row-2 {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 63rem) {
.row.row-2 {
grid-template-columns: 1fr;
}
}
.row.row-41 {
grid-template-columns: 4fr 1fr;
}
@media (max-width: 63rem) {
.row.row-41 {
grid-template-columns: 1fr;
}
}
.row.row-21 {
grid-template-columns: 2fr 1fr;
}
@media (max-width: 63rem) {
.row.row-21 {
grid-template-columns: 1fr;
}
}
.row .s-title {
display: block;
font-size: 2.74625rem;
line-height: 1.1;
margin-bottom: var(--spacer);
}
@media (max-width: 63rem) {
.row .s-title {
font-size: 2.1125rem;
}
}
.row .badge {
font-size: 0.9615384615rem;
line-height: 1.8;
height: 34px;
padding: calc(var(--spacer) / 8) calc(var(--spacer));
}
@media (max-width: 63rem) {
.row .badge {
font-size: 0.9615384615rem;
line-height: 1.8;
padding: calc(var(--spacer) / 8) calc(var(--spacer) / 2);
}
}
.row p {
margin-bottom: calc(var(--spacer) * 2);
}
.row strong {
font-weight: bold;
}