.web-body, .cp-web-body {
  background:#F0F6F6;
  text-align:center; margin:0;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
}
#wrapper {
  margin:0; width:100%; padding:0;
  background:#F0F6F6; text-align:center;
}

header {
  height:160px; position:relative; background:#000; color: #F0F6F6;
}
#header-logo {
  position:absolute; top:30px; left:30px; z-index:998;
}
#header-title {
  position:absolute; top:60px; left:150px; z-index:999;
}
#header-title h1 {
  margin: 0;
  font-weight: 700; font-size: 24px; line-height: 40px;
  text-transform: uppercase; color: #F0F6F6;
}
#header-title h1 a {
  color: #F0F6F6; text-decoration: none;
}

#header-login {
  position:absolute; top:20px; right:30px;
}
#header-login a {
  display:inline-block; color:#fff; text-transform:uppercase; text-decoration:none;
  font-size: 15px; line-height:20px; 
}
#header-login a.phone-num {
  font-weight: 500; padding:4px 0;
  margin-right: 40px;
}
#header-login a.login-button {
  font-weight: 700; font-size: 14px; padding:8px 16px;
  border:solid 2px #FF4F00; border-radius: 3px;
}

/* nav bars */
#main-nav {
  position:absolute; bottom:0; right:0; height:40px;
}
#main-nav-bar {
  height:40px;
}
#main-nav-bar li {
  float:left; display:block; margin-right:20px;
}
#main-nav-bar a {
  display:block; padding:8px 10px;
  font-weight:normal; font-size:14px; line-height:20px; 
  color:#fff; text-transform:uppercase; text-decoration:none;
}
#main-nav-bar .current a, #main-nav-bar .parent a, #main-nav-bar a:hover {
  color:#fff202;
}

#logged-in-name {
  padding:10px 30px; text-align:right;
  color:#FF4F00; font-size:14px; font-weight: 500;
}
#logged-in-name a {
  color:#000; text-decoration: none;
}
#logged-in-name a:hover {
  text-decoration: underline;
}
#menus-link {
  padding:0 30px 15px; text-align:right;
}
#menus-link a {
  display:inline-block; text-transform:uppercase; text-decoration:none; color:#fff; background:#555;
  font-weight:500; font-size:14px; line-height:18px; padding:4px 12px; border-radius: 3px;
}

#page-body {
  clear:both; padding:0;
}
#header-section {
  width:100%;
}
#body-section, #lower-section {
  text-align: center;
  padding: 40px;
}
#body-section .object-text, #body-section .object-download {
  max-width: 540px;
  margin: 20px auto;
}
#lower-section .object-text, #lower-section .object-download {
  max-width: 540px;
  margin: 10px auto;
}

.login-page {
  text-align: center;
  padding: 30px;
}
.login-page .object-form {
  max-width: 540px;
}
.account-page, .order-page {
  margin: 20px 30px;
}
.order-page .object-form {
  max-width: fit-content; margin-top:0;
}
.order-page .object-form.full-width {
  max-width: none;
}

footer {
  clear:both; position:relative; height:240px;
  background:#000; color: #F0F6F6; text-align: left;
}
#footer-logo {
  position:absolute; top:60px; left:30px;
}
#footer-copyright {
  position:absolute; top:142px; left:30px; font-size:11px; line-height:18px; color:#fff;
}
#footer-nav-bar {
  position:absolute; top:50px; right:360px;
}
#footer-nav-bar li {
  margin:0 0 12px; padding:0;
}
#footer-nav-bar a { font-size:12px; line-height:20px; color:#fff; text-decoration:none; }
#footer-nav-bar a:hover { text-decoration:underline; }
#footer-nav-bar .parent a, #footer-nav-bar .current a {
  color:#fff202;
}
#footer-contact {
  position:absolute; top:50px; right:50px;
  font-size:12px; line-height:20px; color:#fff;
}

#section-nav-title a { color:#000; text-transform:uppercase; }
#section-nav-bar li { margin:10px 0; }
#section-nav-bar a { color:#000; text-decoration:none; text-transform:uppercase; }
#section-nav-bar a:hover { text-decoration:underline; }
#section-nav-bar .parent > a, #section-nav-bar .current > a { color:#0066cc; }

.clear-columns { clear:both; line-height:1px; }

/* responsive - mobile */
@media only screen and (max-width:599.9999px) {
  header { height:230px; }
  #main-nav { position:absolute; bottom:10px; left:5px; right:auto; height:110px; overflow: hidden; }
  #main-nav-bar { height:110px; text-align: left; }
  #main-nav-bar li { float:none; display:block; margin-right:0; }

  #header-logo img { width:50px; height:50px; }
  #header-logo { top:15px; left:15px; }
  #header-title { top:75px; left:15px; }
  #header-title h1 { font-size: 18px; line-height: 28px; text-align: left; }
  #header-login { right:15px; }
  #header-login a.phone-num { display:none; }
  #logged-in-name { padding:10px 15px; }
  #menus-link { padding:0 15px 15px; }
  #footer-logo { top:30px; }
  #footer-nav-bar { top:20px; right:40px; }
  #footer-contact { top:180px; left:15px; text-align: center; }
  #footer-copyright { top: 110px; left: 45px; }
  #footer-copyright span { display:none; }
  footer { height: 330px; }
}
/* responsive - tablet */
@media only screen and (min-width:600px) and (max-width:1079.9999px) {
  #header-logo { top:15px; left:15px; }
  #header-title { top:75px; left:120px; }
  #footer-nav-bar { right:320px; }
  #footer-copyright { left: 45px; }
  #footer-copyright span { display:none; }
}
/* responsive - desktop */
@media only screen and (min-width:1080px) {
  .web-body, .cp-web-body { background:#292223 url(../images/background.gif) 0 0 repeat; }
  #wrapper {
    margin:0 auto; width:1080px;    
    -webkit-box-shadow:  0 0 15px 1px rgba(0, 0, 0, 0.8); box-shadow:  0 0 15px 1px rgba(0, 0, 0, 0.8);
  }
}
.horiz-scroll {
  overflow-x: auto;
  margin-bottom:20px;
  clear:both;
}