/* FIX FOR MOBILE TEXT AREA WIDTH */
@media only screen and (max-width: 500px) {
    #contact-form textarea {
        width:212px;

    }
    /* FIX FOR MOBILE form spacing */
    form table th, form table td {
        padding-top: 8px;
        display: block;
        clear: right;
        text-align: left;
    }
    /* FIX FOR MOBILE header text */
    .header {
        background-color: #b1a487;
        max-height: inherit;
    }
    .header .header-right, .header .header-left {
        display: block;
    }
}
@media only screen and (min-width: 500px) and (max-width: 767px){
    /* one item */
    .header .main-header div:first-child:nth-last-child(1) {
        width: 100%;
    }

    /* two items */
    .header .main-header div:first-child:nth-last-child(2){
        width: 30%;
    }

    .header .main-header div:first-child:nth-last-child(2) ~ div{
        width: 70%;
    }
    /*.header .main-header .header-left{
        width: 40% !important;

    }
    .header .main-header .header-right{
        width: 60% !important;

    }*/
}
form table th, form table td {
    padding-top: 8px;
}