/* -- LAYOUT -- */

.logo {
    display: flex;
}

.logo .slogan {
    align-self: flex-end;
}

/* -- STYLING -- */

.logo .slogan {
    color: #ee1d25;
    font-family: 'Roboto Bold';
    font-size: 18px;
}

/* -- SPACING -- */

.logo {
    margin-bottom: 10px;
}

.logo .pic {
    margin-top: 14px;
    margin-left: 35px;
    margin-right: 5px;
}

.logo .slogan {
    margin-left: 5px;
    margin-bottom: 8px;
    width: 16em;
}

/* -- MOBILE -- */

@media screen and (max-width: 820px) {
    /* -- LAYOUT -- */
    .logo .slogan {
        display: none;
    }
    /* -- SPACING -- */
    .logo .pic {
        margin-left: 10px;
    }
}
