﻿form { float: left; width: 60%; }
.contactform                            { text-align: left; margin-bottom: 3.125em; }
.contactform .leftcol                   { padding: 0px 0px 1em 0px; width: 100%; float: left; }
.contactform .rightcol                  { padding: 0.4em 0px 1em 0px; width: 37%; float: right; }
.contactform p.mandatory                { color: #962839; font-size: 0.9em; }
.contactform .leftcol div               { padding: 0.35em 0px; }
.contactform .leftcol label             { float: left; display: block; width: 9em; color: #41372d; font-weight: bold; font-size: 0.9em; }
.contactform .leftcol input             { width: 20em; }
.contactform .rightcol label            { float: left; display: block; color: #41372d; font-size: 0.9em; }
.contactform .rightcol .left		{ clear: left; }
.contactform .rightcol .left label,
.contactform .rightcol .right label            { margin: 0.25em 0 0.35em; }
.contactform .rightcol div:nth-of-type(2):not(.right) > label { margin-top: 1em; clear: left; }
.contactform .rightcol input[type=checkbox]       { float: left; display: block; clear: both; margin: 0.35em; }
.contactform .rightcol select           { margin: 1.3em 0px 0.9em 0.75em; }
.contactform .leftcol textarea         { width: 20em; }
.contactform .submit input[type=submit] { background-color: #3fa858; border: none; color: #fff; padding: 0.25em 1.5em 0.15em 1.5em; margin-left: 8.25em; }
.contactform .g-recaptcha   { clear: both; }

.contactform .req label:after { content: "*"; }

div.loc { float: left; width: 40%; }

/*  950px
--------------------------  */
@media screen and (max-width: 950px) {

form { width: 100%; }
div.loc { width: 100%; margin-bottom: 3.125em; }

.contactform .rightcol .left,
.contactform .rightcol .right { float: none !important; }    

}

/*  750px
--------------------------  */
@media screen and (max-width: 750px) {

    .contactform .leftcol input             { width: 16em; }
    .contactform .rightcol textarea         { width: 16em; }

}

/*  600px
--------------------------  */
@media screen and (max-width: 600px) {

    .contactform, div.loc { margin-bottom: 2.5em; }

    .contactform .leftcol                   { padding: 0px; width: 100%; float: none; }
    .contactform .rightcol                  { padding: 2em 0px; width: 100%; float: none; }

    .contactform .leftcol label             { width: 100%; }
    .contactform .submit input[type=submit] { margin-left: 0; }
}
