#head {
    height: 9em;
    display: block !important;
}

    #head label {
        display: inline-flex;
    }

    #head .logo {
        width: 100vw;
        padding: 0.5em;
        box-sizing: border-box;
    }

        #head .logo img {
            height: 3em;
        }

.box-top {
    position: relative;
    top: -2px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-bottom {
    position: relative;
    bottom: 3px;
    text-align: center;
}

.not_bold {
    font-weight: normal;
}

canvas {
    border: 1px solid black;
}

.signature-button {
    border: none;
    border-radius: 2px;
    padding: 0 2rem;
    min-width: 8em;
    height: 3em;
    margin: 0.3em;
    font-size: 1em;
    transition: all ease .5s;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
}


.chromeBar { 
    font-weight:bold; 
    font-size: 20px; 
    padding: 10px;
}