body {
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
   font-family: Roboto, sans-serif;
}
img {
   max-width: 100%;
   height: auto;
}
html,
body {
   background-color: #9ba299;
   -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
   -webkit-text-size-adjust: 100%;
}
.center-content {
   display: block;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
}
p {
   line-height: 1.2;
}
.clear {
   clear: both;
   display: block;
   height: 0;
   overflow: hidden;
   visibility: hidden;
   width: 0;
}
h3 {
   font-family: Avenir Next, Verdana, sans-serif;
   color: #007dba;
   font-size: 28px;
   letter-spacing: 2px;
   line-height: 30px;
   font-weight: normal;
}
h4 {
   font-family: Avenir Next, Verdana, sans-serif;
   color: #007dba;
   font-size: 20px;
   line-height: 22px;
   font-weight: normal;
}
a[href^=tel] {
   color: inherit;
   text-decoration: underline;
}
span.error {
   display: block;
   font-size: 13px;
   color: red;
}

/***********************************    DESKTOP    **************************************/
@media only screen and (min-width:1300px) {
   html,
   body {
      background-color: #b3b3b3 !important;
   }
   body {
      background-color: #ffffff;
      width: 100%;
      height: auto;
      padding: 0px;
      text-align: left;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
   }
   #centered {
      position: absolute;
      width: 1330px;
      left: 50%;
      top: 0px;
      margin-left: -665px;
      background-repeat: repeat-x;
      margin-bottom: 0px;
   }
   #container {
      background-color: #ffffff;
      height: 100%;
      width: 1330px;
   }
   div.content {
      background-color: #ffffff;
      width: 1330px;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 0px;
      padding-right: 0px;
      padding-left: 0px;
      padding-bottom: 0px;
      height: auto;
   }
   div.main-content {
      padding: 15px 0 0 0;
   }
   div.main-image {
      padding: 0px 0 0 0;
      width: 1330px;
      height: auto;
   }
   .full-screen-width {
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      max-width: 100vw;
      width: 100vw;
   }
div.maintext {
      background-color: #ffffff;
      width: 88%;
      float: left;
      padding: 30px 80px 0 80px;
      font-family: Arial,Verdana;
      color: #4a5647;
      font-weight: normal !important;
      font-size: 18px;
      line-height: 25px;
   }
p {
   line-height: 1.6em;
}
   div.clear {
      clear: both;
   }
   img {
      max-width: 100%;
      height: auto;
   }
   div.footerimagebk {
      background-color: #4a5647;
      display: inline-block;
      width: 100%;
      height: 300;
   }
   
   div.footertext {
      font-family: Avenir Next,Arial,Verdana;
      width: 800px;
      color: #fff !important;
      float: left;
      font-size: 18px;
      line-height: 36px;
      font-weight: bold;
      padding: 75px 0px 0px 30px;
      text-align: left;
   }
   div.copyright {
      font-family: Avenir Next,Arial,Verdana;
      width: 1330px;
      color: #fff !important;
      float: left;
      font-size: .9em;
      line-height: 1.6em;
      font-weight: bold;
      text-align:center;
      padding: 60px 0px 0px 0px;
   }
   h1 {
   font-family: Avenir Next, Verdana, sans-serif;
   color: #4a5647;
   font-size: 38px;
   letter-spacing: 1px;
   line-height: 42px;
   font-weight: bold;
}
   h2 {
   font-family: Avenir Next, Verdana, sans-serif;
   color: #4a5647;
   font-size: 33px;
   letter-spacing: 1px;
   line-height: 35px;
   font-weight: bold;
}

   .mobile-show {
      display: none;
   }
   a:link {
      text-decoration: none;
      color: #647254;
   }
   a:hover {
      text-decoration: none;
      color: #647254;
   }
   a:visited {
      text-decoration: none;
      color: #555;
   }

}

/***********************************    SML DESKTOP    **************************************/
@media only screen and (min-width:995px) and (max-width:1299px) {

   /*** SML DESKTOP ***/
   html,
   body {
      background-color: #b3b3b3 !important;
      overflow: hidden;
      overflow-y: scroll;
   }
   body {
      background-color: #ffffff;
      width: 100%;
      height: auto;
      padding: 0px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
   }
   #container {
      position: absolute;
      width: 100%;
      background-repeat: repeat-x;
      margin-bottom: 0px;
   }
   div.content {
      background-color: #ffffff !important;
      width: 100%;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 0px;
      padding-right: 0px;
      padding-left: 0px;
      padding-bottom: 0px;
      height: auto;
   }
   div.main-content {
      padding: 15px 0 0 0;
   }
   div.main-image {
      padding: 0px 0 0 0;
      width: 100%;
      height: auto;
   }
   
div.maintextbk {
      background-color: #ffffff !important;
      width: 100%;
      float: left;
      padding: 0px 0px 0 0px;
   }
div.maintext {
      background-color: #ffffff !important;
      width: 94%;
      float: left;
      padding: 30px 30px 0 30px;
      font-family: Arial,Verdana;
      color: #4a5647;
      font-weight: normal !important;
      font-size: 18px;
      line-height: 25px;
   }
p {
   line-height: 1.6em;
}
   div.clear {
      clear: both;
   }
   img {
      max-width: 100%;
      height: auto;
   }
   div.footerimagebk {
      background-color: #4a5647;
      display: inline-block;
      width: 100%;
      height: 300px;
   }
   div.footertext {
      font-family: Avenir Next,Arial,Verdana;
      width: auto;
      color: #fff !important;
      float: left;
      font-size: 18px;
      line-height: 36px;
      font-weight: bold;
      padding: 75px 30px 0px 30px;
      text-align: left;
   }
   div.copyright {
      font-family: Avenir Next,Arial,Verdana;
      width: 100%;
      color: #fff !important;
      float: left;
      font-size: .9em;
      line-height: 1.6em;
      font-weight: bold;
      text-align:center;
      padding: 50px 0px 0px 0px;
   }
   h1 {
   font-family: Avenir Next, Verdana, sans-serif;
   color: #4a5647;
   font-size: 38px;
   letter-spacing: 1px;
   line-height: 42px;
   font-weight: bold;
}
   h2 {
   font-family: Avenir Next, Verdana, sans-serif;
   color: #4a5647;
   font-size: 33px;
   letter-spacing: 1px;
   line-height: 35px;
   font-weight: bold;
}

   .mobile-show {
      display: none;
   }
   a:link {
      text-decoration: none;
      color: #647254;
   }
   a:hover {
      text-decoration: none;
      color: #647254;
   }
   a:visited {
      text-decoration: none;
      color: #555;
   }

}
/***************************      MOBILE BREAK   ******************************/
@media only screen and (min-width:200px) and (max-width:994px) {

   /*** MOBILE ***/
   html,
   body {
      background-color: #b3b3b3 !important;
      width: 100%;
   }
   body {
      background-color: #555;
      width: 100%;
      height: auto;
      padding: 0px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
   }
   #container {
      position: absolute;
      width: 100%;
      background-repeat: repeat-x;
      margin-bottom: 0px;
   }
   div.content {
      background-color: #ffffff;
      width: 100%;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 0px;
      padding-right: 0px;
      padding-left: 0px;
      padding-bottom: 0px;
      height: auto;
   }
   div.main-content {
      padding: 15px 0 0 0;
   }
   div.main-image {
      padding: 0px 0 0 0;
      width: 100%;
      height: auto;
      z-index: 2;
   }
   div.maintext {
      background-color: #ffffff;
      width: 88%;
      float: left;
      padding: 25px 20px 0 35px;
      font-family: Arial,Verdana;
      color: #4a5647;
      font-weight: normal !important;
      font-size: 1.3em;
      line-height: 2em;
   }
p {
   line-height: 1.9em;
}
   div.clear {
      clear: both;
   }
   img {
      max-width: 100%;
      height: auto;
   }
   div.footerimagebk {
      background-color: #4a5647;
      display: inline-block;
      width: 100%;
      height: auto;
   }
   div.footertext {
      font-family: Avenir Next,Arial,Verdana;
      width: auto;
      color: #fff !important;
      float: left;
      font-size: 1.25em;
      line-height: 2.3em;
      font-weight: bold;
      padding: 30px 30px 0px 15px;
      text-align: left;
   }
   div.copyright {
      font-family: Avenir Next,Arial,Verdana;
      width: 100%;
      color: #fff !important;
      float: left;
      font-size: .9em;
      line-height: 1.6em;
      font-weight: bold;
      text-align:center;
      padding: 10px 0px 0px 0px;
   }
   h1 {
   font-family: Avenir Next, Verdana, sans-serif;
   color: #4a5647;
   font-size: 2em;
   letter-spacing: 1px;
   line-height: 1.2em;
   font-weight: bold;
}
   h2 {
   font-family: Avenir Next, Verdana, sans-serif;
   color: #4a5647;
   font-size: 1.8em;
   letter-spacing: 1px;
   line-height: 1em;
   font-weight: bold;
}

   .mainimage-show {
      display: none;
   }
   a:link {
      text-decoration: none;
      color: #647254;
   }
   a:hover {
      text-decoration: none;
      color: #647254;
   }
   a:visited {
      text-decoration: none;
      color: #555;
   }

}