/* #region (mobile) */

.help .gap {
    grid-gap: calc(var(--fontSize) * 4);
}

.help picture:before {
    padding-bottom: 100%;
}

.help .card__cover {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.help .btn {
    width: 100%;
}

/* #endregion */


/* tablets */
@media (min-width: 30rem) {

    .help .card__cover {
        width: 15rem;
    }

}


/* desktop */
@media (min-width: 64rem) {

    .help .gap {
        grid-gap: var(--fontSize);
    }

    .help .card {
        height: 100%;
    }

    .help .title {
        text-align: center;
    }

}