@media screen and (max-width: 768px){
    div#section1 {
        width: 50%;
    }
    div#section2 {
        width: 0%;
        display: none;
    }
    #section1 > a img{
        align-self: center;
    }
    div#section3 {
        width: 49%;
        padding-right: 1%;
    }
    input:not(#submitbutton):not([type="radio"]):not([type="checkbox"]) {
        width: 95%;
        min-width: 78%; 
    }
    select {
        width: 97%;
    }
    #left_region {
        display: none;
    }
    #hamburger_icon{
        display: inline-block;
    }
    #contentoriginal {
        left: auto;
        margin: 10px;
        width: auto;
    }

    #content2 {
        left: auto;
        margin: 10px;
        width: auto;
    }

            #flip-scroll .cf:after {
                visibility: hidden;
                display: block;
                font-size: 0;
                content: " ";
                clear: both;
                height: 0;
            }
            #flip-scroll * html .cf {
                zoom: 1;
            }
            #flip-scroll *:first-child+html .cf {
                zoom: 1;
            }

            #flip-scroll table {
                width: 100%;
                border-collapse: collapse;
                border-spacing: 0;
            }

            #flip-scroll th,
            #flip-scroll td {
                margin: 0;
                vertical-align: top;
            }
            #flip-scroll th {
                text-align: left;
            }

            #flip-scroll table {
                display: block;
                position: relative;
                width: 100%;
            }
            #flip-scroll thead {
                display: block;
                float: left;
            }
            #flip-scroll tbody {
                display: block;
                width: auto;
                position: relative;
                overflow-x: auto;
                white-space: nowrap;
            }
            #flip-scroll thead tr {
                display: block;
            }
            #flip-scroll th {
                display: block;
                text-align: right;
            }
            #flip-scroll tbody tr {
                display: inline-block;
                vertical-align: top;
            }
            #flip-scroll td {
                display: block;
                min-height: 1.25em;
                text-align: left;
            }


            /* sort out borders */
            #flip-scroll th {
                border-bottom: 0;
                border-left: 0;
            }
            #flip-scroll td {
                border-left: 0;
                border-right: 0;
                border-bottom: 0;
            }
            #flip-scroll tbody tr {
                border-left: 1px solid #babcbf;
            }
            #flip-scroll th:last-child,
            #flip-scroll td:last-child {
                border-bottom: 1px solid #babcbf;
            }

            form {
                width: 100%;
            }
            .zend_form dd{
                margin: 0;
                margin-top: 5px;
            }
            .zend_form dt{
                margin: 0;
                margin-top: 10px;
            }
            input{
                height: 1.25em;
                font-size: 18px;
            }

            #progressbar {
                width: auto;
                margin-left: 40px;
                margin-right: 10px; 
            }

            td[id*="answer"] {
                display: block;
                text-align: left;
            }
}