.logo{
    width: 6rem;
    border-radius: 100%;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.3);
    margin: 1.5rem 1rem 1.5rem 0;
}

@media screen and (min-width: 0){
    .logo{
        flex-grow: 0.05;
        margin: 0 1rem 1.5rem 0;
    }
}

@media screen and (min-width: 768px){
    .logo{
        display: block;
        margin: 1.5rem 1rem 1.5rem 0rem;
    }
}