header {
    padding: 16px;
}


footer {
    /* padding: 16px; */
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
}

/* Computer */
@media (min-width: 600px) {
    header {
        display: flex;
        justify-content: space-between;
    }

}

/* Handy */
@media (max-width: 600px) {
    #logo {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    #headerText {
        display: flex;
        justify-content: center;
    }

    #loginDiv, #logoutDiv {
        display: flex;
        justify-content: center;
    }


}