.content-grid__mobile-home {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr repeat(2, 0.5fr) 1fr;
    grid-template-areas:
    "header-mobile header-mobile header-mobile header-mobile"
    "main-mobile main-mobile main-mobile main-mobile"
    "main-mobile main-mobile main-mobile main-mobile"
    "footer-mobile footer-mobile footer-mobile footer-mobile";
    height: 100%;
    width: 100%;
}

.header-mobile {
    grid-area: header-mobile;
    border-radius: 20px;
    background: #17181C;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.main-mobile {
    grid-area: main-mobile;
    width: 100%;
    height: 100%;
    background: #983838;
}

.footer-mobile {
    grid-area: footer-mobile;
    width: 100%;
    height: 100%;
    background: #73ce36;
}

/* Header */

.header-mobile__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-mobile__nav {
    display: flex;
}

.header-mobile__logo {
    padding: 23px 0 11px 17px;
}

.header-mobile__logo img {
    width: 170px;
}

.balance-mobile__card {
    align-self: start;
    display: flex;
}

.card-balance h2 {
    border-radius: 7px;
    background: #22252F;
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    text-align: center;
    align-items: center;
    font-size: 0.813em;
}

/* /Header */