/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 576px) {

    .card-ordinances,
    .card-decrees,
    .card-boletin {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .btn-selection {
        padding: 1.5rem 0;
        width: 105px;
    }

    #btn-ordenanzas,
    #btn-decretos,
    #btn-boletin {
        font-size: 12px !important;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 577px) {

    .card-ordinances,
    .card-decrees,
    .card-boletin {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .btn-selection {
        padding: 2rem 0px;
        width: 150px;
    }
}


@media (min-width: 768px) {

    .card-ordinances,
    .card-decrees,
    .card-boletin {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .btn-selection {
        padding: 2rem 0px;
        width: 200px;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

    .card-ordinances,
    .card-decrees,
    .card-boletin {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .btn-selection {
        padding: 2rem 0px;
        width: 300px;
    }
}