---
---

@import "boilerplate/mixins";

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

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

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

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

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

        justify-content: center;
    }

    .btn {
        margin:     0.5rem;
        display:    flex;
        flex-flow:  column nowrap;

        @include font-small;   
    }
}