.quoteform p              { text-align:left; }


div.row {clear:both; width: 100%;}
div.label   { width: 30%; float:left; font-size: 13px; font-weight:bold; box-sizing: border-box; padding: 6px 12px; text-aligN:right; color:black; }
div.field  { float:left; width: 70%; padding-top: 20px; text-align:left; font-size: 13px; padding: 0px 12px; }

.formbutton             { font-size: 16px; font-weight:bold; padding: 8px 16px; border: 0px; color:white;}


.formsection {
    text-align: center;
    padding: 3px 2px 8px 2px; margin: 30px 0 0 0;

background: #e4e5e9; /* Old browsers */
background: -moz-linear-gradient(top,  #e4e5e9 0%, #ffffff 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e5e9), color-stop(98%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e4e5e9 0%,#ffffff 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e4e5e9 0%,#ffffff 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e4e5e9 0%,#ffffff 98%); /* IE10+ */
background: linear-gradient(to bottom,  #e4e5e9 0%,#ffffff 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e5e9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}



    .formsection h2 {
        font-size: 18px; margin: 5px;
    }

    
    .formsection p {
        font-size: 14px;
        margin: 0; text-align:center;
    }



    .field span         {width: 33%; float:left; padding-right: 1.2em; box-sizing: border-box; }
    .field span .formfield      { max-width: 100%;}



.formfield		{ width: 300px}






@media screen and (max-width:650px)

{

    .container, .content, .col-md-8             { padding: 0px;}
    .container                  { padding: 8px;}


div.row         { padding: 8px 20px;}
div.label       { clear:both; width: 100%; text-align:left;  }
div.field       { clear:both; width: 100%; }

div.field span  { clear:both; width: 100%;}


}