#loginsignup {
    display: flex;
    flex-direction: row;
}

#loginsignup > div {
    flex: 1 1 50%;
}

#loginsignup > div:first-child {
    margin: 0 2em 0 0;
}

#loginsignup h2 {
    margin-top: 0;
    margin-bottom: 1em;
}

#loginsignup input {
    max-width: 17.5em;
    margin-bottom: 0.2em;
}

@media screen and (width <= 500px) /* Breakpoint: MOBILE */ {
    #loginsignup {
        flex-direction: column;
    }

    #loginsignup > div:first-child {
        margin: 0 0 1em 0;
    }
}