/***** MOBILE ********/
@media screen and (max-width: 500px),
screen and (max-device-width: 500px) {
    * {
        box-sizing: border-box;
        -webkit-tap-highlight-color: transparent;
    }

    #postcard {
        width: 100%;
        display: block;
        padding: 0px;
    }

    #logo-container {
        width: 100%;
        height: auto;
    }

    #logo-container img {
        width: 100%;
    }

    #drawing-pad {
        height: 50vh; /* need enough space for comfortable scrolling */
        background-color: none;
    }

    #notes {
        height: 33vh;
        min-height: auto;
    }

    .title {
        font-size: 1.7em;
        padding: 60px 0px 20px;
    }

    .about {
        max-width: 100%;
        font-size: 1em;
    }

    #send-box {
        padding: 40px 20px;
        max-width: 100%;
        margin: 10px;
    }

    #drawing-controls {
        min-height: 2em;
    }

    #brick {
        width: 100px;
        height: 60px;
    }
    .footer{
        height: 400px;
    }
}