html, body, div, p, h1, h2, h3, span, a, pre, img, ol, ul, li, form, label, table, tr, th, td
    {
    padding: 0px;
    margin: 0px;
    border: 0px;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    color: inherit;
    }

body { font-family: arial; font-size: 18px; line-height: 1.5em;}
.desktop-only { display: inherit; }
.mobile-only  { display: none; }
div { border: solid red 1px; }
div.wrapper { width: 1200px; margin: 0px auto; border: 0px; }

nav { border: 0px; font-family: 'trebuchet ms', arial; }
nav ul { list-style: none; }
nav li { float: left; padding: 0px 15px; font-weight: bold; font-size: 15px; }
nav a { text-decoration: none; color: #999999; }
nav a:hover { color: black; }
img.banner { width: 975px; height: 52px; margin-top: 20px; }
div.holder { padding-top: 20px; border: 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
div.slider { border: 0px; display: inline-block; width: 700px; margin-right: 35px; }
div.request-training { border: 0px; display: inline-block; max-width: 350px; text-align: center; font-size: 16px; color: #999999;}
div.request-training img { width: 250px; height: auto; }
button.blue { border: solid #0c55a2 2px; color: #0c55a2; font-weight: bold; font-size: 14px; background: white; padding: 20px 30px; }
button.blue:hover { color: white; background: #0c55a2; cursor: pointer; }
h1 { font-family: 'trebuchet ms', arial; font-weight: bold; font-size: 24px; margin-bottom: 25px; text-align: center; width: 100%; display: block; border: 0px; }
div.territories { border: 0px; text-align: center; margin-right: 50px; max-width: 400px; font-family: 'trebuchet ms', arial; font-weight: bold; font-size: 18px; }
div.terrmap { border: 0px; }
div.terrmap img { max-width: 400px; }
div.group { border: 0px; width: 30%; margin: 15px; color: #5b5b66; font-family: arial; font-size: 14px; text-align: left;}
div.group img { max-width: 100%; height: auto; margin-bottom: 10px; }
div.awards { border: 0px; text-align: center; }
div.awards img { max-width: 95%; height: auto; margin-bottom: 5px; }
span.b { font-weight: bold; }
p.default { color: #5b5b66; font-size: 15px; margin-bottom: 15px; }
div.about { border: 0px; width: 45%; margin: 10px; }
div.team { border: solid #999999 1px; width: 30%; margin: 10px; text-align: center; }
div.team img, div.about img { max-width: 250px; }
div.team p, div.about p { text-align: center; font-weight: bold; }
p.heading, p.content { font-size: 20px; text-align: center; }
p.content { margin-bottom: 15px; }
p.heading { font-weight: bold; }
div.about p.right { text-align: right; }
form div { border: 0px; }
form div span { color: #5b5b66;; font-size: 16px; }
form div input, form div textarea, form div select { background: #fafafa; width: 90%; font-size: 20px; height: 35px; border: solid #999999 1px; margin-bottom: 15px; color: black; }
input#submit { width: 150px; height: 45px; font-size: 16px; color: black; }
input#submit:hover { width: 150px; height: 45px; font-size: 16px; color: white; background: #5b5b66; cursor: pointer; }
textarea#message { height: 200px; }
div.socal1, div.socal2 { border: 0px; width: 52%; margin: 10px; }
div.socal2 { width: 38%; }
div.socal1 img { max-width: 200px; }
div.socal1 p, div.socal2 p { text-align: center; font-weight: bold; }
div.socal3 { display: inline-block; border: 0px; }

@media screen and (max-width: 700px)
    {
    body { font-family: arial; font-size: 28px; line-height: 1.1em; }
    .desktop-only { display: none; }
    .mobile-only  { display: inherit; }
    div { border: solid red 1px; }
    div.wrapper { width: 90%; border: solid green 1px; padding: 15px; }
    
    div.navbar { border: 0px; font-family: 'trebuchet ms', arial; }
    label.nav { background: #d9d9d9; display: block; border: 0px; font-size: 16px; padding: 10px 0px; margin: 0px; font-weight: bold; text-align: center; }
    #togglenav { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; }
    div#mobilenav { text-align: center; background: #999999; border: 0px; max-height: 0; overflow: hidden; }
    div#mobilenav a { text-decoration: none; color: white; font-weight: bold; font-size: 16px; border: 0px; padding: 12px 50px; }
    div#mobilenav div { border: 0px; height: 1.5em; }
    #togglenav:checked ~ #mobilenav { max-height: 100%; }
    img.banner { width: 95%; height: auto; margin-top: 20px; }
    div.holder { padding-top: 20px; border: 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
    div.slider { width: 95%; display: block; text-align: center; margin: 0px auto; }
    div.slider img { width: auto; height: 85px; }
    div.request-training { display: block; font-size: 20px; color: #999999; margin: 20px auto; }
    div.request-training img { width: 75%; height: auto; }
    h1 { font-family: 'trebuchet ms', arial; font-weight: bold; font-size: 24px; margin-bottom: 25px; text-align: center; width: 100%; display: block; border: 0px; }
    div.territories { border: 0px; display: block; margin: 0px auto; text-align: center; font-family: 'trebuchet ms', arial; font-weight: bold; font-size: 18px; }
    div.terrmap { display: block; border: 0px; margin-top: 20px; text-align: center; }
    div.terrmap img { width: 95%; height: auto; }
	div.group { width: 90%; font-size: 16px; }
    div.awards { text-align: center; }
    div.awards img { width: 95%; height: auto; }
	span.b { font-weight: bold; }
	div.about { border: 0px; width: 95%; margin: 10px; }
	div.about ul { max-width: 85%; margin: 0px auto; }
	div.about p { font-size: 20px; }
	div.team { border: solid #999999 1px; width: 90%; text-align: center; }
	div.team img { max-width: 75%; }
	div.team p { font-size: 18px; text-align: center; font-weight: bold; }
	form div { border: 0px; }
	form div span { color: #5b5b66;; font-size: 16px; }
	form div input, form div textarea, form div select { background: #fafafa; width: 90%; font-size: 20px; height: 35px; border: solid #999999 1px; margin-bottom: 15px; color: black; }
	input#submit { width: 150px; height: 45px; font-size: 16px; color: black; }
	input#submit:hover { width: 150px; height: 45px; font-size: 16px; color: white; background: #5b5b66; cursor: pointer; }
	textarea#message { height: 200px; }
	div.socal1, div.socal2 { border: 0px; width: 90%; margin: 10px; }
	div.socal1 img { max-width: 200px; }
	div.socal1 p, div.socal2 p { text-align: center; font-weight: bold; font-size: 20px; }
	div.socal3 { display: inline-block; border: 0px; width: 100%; padding-top: 10px; }
	div.tb { border-top: solid black 1px; }
    }