service-title-buttons.scss

---
---

@import "boilerplate/mixins";

.services-box {
    h2 {
        text-align: center;
    }

    text-align: -moz-center;
    text-align: -webkit-center;
}

.services-title-buttons {
    display:                grid;
    grid-template-columns:  1fr 1fr 1fr;
    grid-auto-rows:         1fr;

    @include medium-is-desktop-plus {
        max-width: 800px;
    }

    @include medium-is-tablet {
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-rows: 1fr;
    }

    @include medium-is-phone {
        grid-template-columns: 1fr 1fr;
    }

    a {
        @include font-large;
        @include font-bold;

        font-size: 0.9rem;

        justify-content: center;
    }

    .btn {
        margin:     0.25rem;
        display:    flex;
        flex-flow:  column nowrap;
        min-height: 2.5rem;
    }
}