#masthead {display: none; }

h1 {color: #dd1818;}

/* FORM */
    #form {
    padding: 5px;
    width: auto;
    margin: 20px auto;
    }

    #contentleft {
    width: 50%;
    float: left;
    padding: 5px 15px;
    }

    #contentright {
    width: 50%;
    padding: 5px 15px;
    float: left;
    }

    #bottom {
    clear: both;
    padding: 0 15px;
    }

    /*MEDIA QUERIES*/

    /* for 980px or less */
    @media screen and (max-width: 980px) {

    #form {
    width: 94%;
    }
    #contentleft {
    clear: both;
    padding: 1% 4%;
    width: auto;
    float: none;
    }

    #contentright {
    clear: both;
    padding: 1% 4%;
    width: auto;
    float: none;
    }

    #bottom {
    clear: both;
    padding: 1% 4%;
    width: auto;
    float: none;
    }

    /* for 700px or less */
    @media screen and (max-width: 600px) {

    #contentleft {
    width: auto;
    float: none;
    }

    #contentright {
    width: auto;
    float: none;
    }
    #bottom {
    width: auto;
    float: none;
    }
    }

    /* for 480px or less */
    @media screen and (max-width: 480px) {

    #contentleft {
    background: #f8f8f8;
    }
    #contentright {
    background: #f0efef;
    }
    #contentleft, #contentright, #bottom {
    margin-bottom: 5px;
    }

    #contentleft, #contentright, #bottom {
    border: solid 1px #ccc;
    }