/* 1.GLOBAL */

/* Content Specific Formatting --------------------------------- */
body {background: #fff; color: #3f3c30; font: 1em Arial, Helvetica, sans-serif; margin: 0; padding: 0px; height: 100%; -webkit-text-size-adjust: 100%;}
h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.5em; font-weight: normal; color: #2D3540; padding: 0px 5px 0.5em 5px;}
body.nav h1, body.drawer h1 {padding: 0.5em 5px;}
#center h1 {padding: 0.5em 0px;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #2D3540; margin: 1em 0em 0.4em 0em; line-height: 1.2em; letter-spacing: 0.05em;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #ec671e; margin: 1em 0em 0.4em 0em; line-height: 1.2em; letter-spacing: 0.04em;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #2D3540; margin: 1em 0em 0.4em 0em; line-height: 1.2em; letter-spacing: 0.03em;}
h5 {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #2D3540; margin: 1em 0em 0.4em 0em; line-height: 1.2em; letter-spacing: 0.02em;}

.largest, .larger, .large, .medium, .small, .smaller, .smallest {font-size: 1em;}
p {font-size: 1em; line-height: 1.2em; margin: 0 0 1em 0;}
blockquote {margin: 1.25em; padding: 1.25em 1.25em 0 1.25em;}
em {padding: 0 3px 0 0;}
hr {background: #eae9e6; color: #eae9e6; border: none; height: 1px; margin: 0; padding: 0;}
img {max-width: 100%; border: none; outline: none;}
#center img {width: auto !important; height: auto !important; max-width: 100% !important;}

dl {margin: .5em 0 .5em; padding: 0; line-height: 1.2em;}
dl dt {margin: 0 0 .25em 0;}
dl dd {margin: 0 0 .25em 1.5em;}
ol {margin: .5em 0 .5em 1.5em; padding: 0; line-height: 1.2em;}
ol li {margin: 0px 0px 0.25em 0.5em; padding: 0px;}
ul {margin: .5em 0 .5em 1em; padding: 0; line-height: 1.2em;}
ul li {margin: 0px 0px 0.25em 0.5em; padding: 0px;}

table {margin: .5em 0; width: 100%; border: 0px;}
thead th {color: #494949; font-weight: 700; border: 0px;}
tbody {border: 0px;}
th a:link, th a:visited {color: #7f7f7f;}
td, th {padding: .25em;}

quote, code {margin: .25em 0; word-wrap: break-word;}

/* Box--------------------------------- */
.box {border:1px solid #eee3c1; padding: 5px; width: auto; margin: 0px 0px 0.5em 0px; background: #fff;}
.color-box {border:1px solid #eee3c1; padding: 5px; width: auto; margin: 0px 0px 0.5em 0px; background: #f6f3e5;}
.center-box {border:1px solid #eee3c1; padding: 5px; width: 80%; margin: 0px auto 0.5em auto; background: #fff;}
.left-box {border:1px solid #eee3c1; padding: 5px; width: 40%; float: left; margin: 0px 0.25em 0.25em 0px; background: #fff;}
.right-box {border:1px solid #eee3c1; padding: 5px; width: 40%; float: right; margin: 0px 0px 0.25em 0.25em; background: #fff;}

/* 2.LAYOUT */
#layout {background: none; background-repeat: no-repeat;}
#wrapper {position: relative; margin: 0px; padding: 0px; width: auto; min-width: inherit;}
#container {clear: both; margin: 0px; padding: 0px;}
#content {margin: 0px; position: relative; padding: 0px 5px 1em 5px; border-bottom: 1px solid #fff;}
#center {margin: 0px; padding: 0px; position: static; left: 0px;}

/* 3.SIDEBARS */
.sidebar {width: auto; margin: 0px; padding: 0px;}

/* 4.HEADER */
#header {background: url("../images/color.jpg"); background-repeat:repeat-x; background-position: left center; background-size: 100%; margin: 0; padding: 5px;}

/* 5.NAVIGATION */
#nav {display: none;}
body.nav #nav {display: block;}

/* 6.FOOTER */
#footer-wrapper {clear: both; margin: 0px; padding: 0.5em 5px 3em 5px; background: #B1B0BE;}

/* 7.PAGE ELEMENTS */
p.introduction {color: #8a887d; font-style:italic;}

/* 8.CSS SUPPORT */
.imagetall {display: none; float: right; width: 30%; border: 1px solid #eee3c1;}
.imagewide {display: none; float: right; width: 30%; border: 1px solid #eee3c1;}

/* ========================= */
/* ✅ MOBILE FIX ADDED HERE */
/* ========================= */

@media (max-width: 768px) {

  /* Remove floats so images drop below text */
  img {
    float: none !important;
    display: block;
    margin: 1em auto 0 auto;
  }

  /* Target your specific image classes */
  .imagewide,
  .imagetall {
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 1em 0 0 0;
  }

  /* Also fix floated boxes if needed */
  .left-box,
  .right-box {
    float: none !important;
    width: 100% !important;
    margin: 0 0 1em 0;
  }
}