/* -- LAYOUT -- */

.logo {
    display: flex;
}

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

/* -- STYLING -- */

.logo .slogan {
    color: white;
    font-family: 'Roboto Regular';
    font-size: 18px;
    white-space: nowrap;
}

/* -- SPACING -- */

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

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

/* -- MOBILE -- */

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