@media screen and (max-width: 500px) {
    body {
        background: url("../assets/images/body-bg.jpg") top center repeat fixed;
    }
    .brand {
        margin: 1em 0;
    }
    .brand .brand-text {
        margin: 0.8em 0 0 1em;
    }
    .logo {
        width: 100px;
    }
    .brand-name {
        font-size: 28px;
        font-weight: 600;
        color: #B21E35;
        padding: 0.2em 0;
    }
    .slogan {
        font-size: 18px;
        font-weight: 600;
    }
    .cards .card {
        max-width: 300px;
        margin: 0 auto;
    }
    .btn-track {
        right: 30px;
    }
}