/* =========================================
=          TEXAS RESPONSIVE CSS            =
========================================= */

@media only screen and (max-width: 767px) {
     :root {
        --content-background-image: none;
        --content-aside-margin: 0 auto;
    }
    .content__aside {
        max-width: 100%;
    }
    .content__header {
        padding: 1.5rem;
        padding-bottom: 1rem;
    }
    .content__main {
        padding: 0 1.5rem;
    }
    .content__main__child {
        max-width: 100%;
        margin: 0;
    }
    .content__main .actions {
        flex-direction: column;
    }
    .content__main .actions .btn {
        width: 100%;
    }
    .content__title {
        font-size: 2rem;
        margin-top: 0;
    }
    .content__subtitle {
        font-size: 1.2rem;
    }
    .content__footer {
        padding: 1rem 1.5rem;
    }
}