main > div.map
    { overflow: hidden; max-width: none; padding: 0; height: 20em; }
main > div.map > div
    { width: 100%; padding: 0; max-width: 100%; }
main > div.map > div > div, main > div.map > div > div > div
    { max-width: 100%; }
iframe
    { width: 100%; }
main > div
    { padding-top: 2.5em; }
/*
main > div:not(.map) > div:first-of-type
    { width: 55%; float: left; padding: 2.5% 2.5% 2.5% 0; }
main > div:not(.map) > div:last-of-type
    { width: 35%; float: left; padding: 2.5%; }
*/
main > div:not(.map) > div
    { float: left; width: 100%; margin-bottom: 2em; }
main > div:not(.map) > div > form > div > div
    { background-color: #fff; float: left; margin-bottom: 0.5em; padding: 1%; width: 100%; }
main > div:not(.map) > div > form > div  label
    { background-color: #fff; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; display: inline-block; float: left; margin: 0; padding: 1% 1.5%; vertical-align: top; width: 17.5%; }
main > div:not(.map) > div > form > div input, main > div:not(.map) > div > form > div select, main > div:not(.map) > div> form > div textarea
    { -moz-appearance: none; background-color: #e6e7e8; border: medium none; box-shadow: none; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; display: inline-block; float: left; margin: 0; padding: 1%; width: 77.5%; }
main > div:not(.map) > div > form > div input[type=submit]
    { background-color: #404e7c; color: #fff; width: 100%; }

main div > ul.ns > li
    { float: left; width: 49%; }
main div > ul.ns > li:first-child
    { margin-right: 2%; }

/* Responsive Styles */

@media screen and (max-width: 680px) {

    main > div:not(.map) > div:first-of-type
        { width: 100%; }
    main > div:not(.map) > div:last-of-type
        { width: 100%; }

	main > div.map { height: 15em; }

    main div > ul.ns > li
        { width: 100%; margin-bottom: 2em; }
    main div > ul.ns > li:first-child
        { margin-right: 0; }

}