.quick {
    &-item {
        text-align: center;
    
        .icon {
            color: $primary;
        }
    }

    &-title {
        color: $dark;
    }
}

@include media-breakpoint-up(xs) {
    .quick {
        &-item {
            height: 100%;
            display: flex;
            flex-direction: column;

            .content {
                flex: 1;
            }
        }
    }
}

@include media-breakpoint-down(lg) {
    .quick-items .row > div:not(:last-child) {
        margin-bottom: map-get($spacers, 5);
    }
}

// .quick-refs {
//     margin-bottom: map-get($spacers, 5);
//     border-bottom: 1px solid $border-color;

//     padding: {
//         top: map-get($spacers, 5);
//         bottom: map-get($spacers, 5) * 2;
//     }
// }

// .quick-refs-item {
//     text-align: center;

//     .header i {
//         color: $primary;
//         font-size: 3rem;
//     }

//     .header .title {
//         color: $dark;
//     }

//     .plain {
//         margin-bottom: map-get($spacers, 4);
//     }
// }


// @include media-breakpoint-up(xs) {
//     .quick-refs-item {
//         height: 100%;
//         display: flex;
//         flex-direction: column;
//     }

//     .quick-refs-item .plain {
//         flex: 1;
//     }
// }

// @include media-breakpoint-down(xs) {
//     .quick-refs-item {
//         padding: {
//             left: map-get($spacers, 5);
//             right: map-get($spacers, 5);
//         }
//     }
// }