/** dbc19 Style **/
/* DBC-style-r UPDATED 101817 w Normalize NWW */
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {line-height: 1.15;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {margin: 0;}
article,aside,footer,header,nav,section {display: block;}
h1 {font-size: 2em;margin: 0.67em 0;}
figcaption,figure,main {display: block;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box;height: 0;overflow: visible;}
a {background-color: transparent;-webkit-text-decoration-skip: objects;}
b,strong {font-weight: inherit;}
b,strong {font-weight: bolder;}
small {font-size: 80%;}
/* Embedded content
   ========================================================================== */
audio,video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}
img {border-style: none;}
svg:not(:root) {overflow: hidden;}
button,input,optgroup,select,textarea {font-family: sans-serif;font-size: 100%;line-height: 1.15;margin: 0;}
button,input {overflow: visible;}
button,select {text-transform: none;}
button,html [type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
progress {display: inline-block;vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"],[type="radio"] {box-sizing: border-box;padding: 0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"]{-webkit-appearance: textfield;outline-offset: -2px;}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}
details,menu {display: block;}
summary {display: list-item;}
/* Hidden
   ========================================================================== */
  body {height:100%;width: 100%;margin: 0;padding: 0;font: 1em/1.5em  'Open Sans', Helvetica Neue, Arial, Helvetica,  sans-serif;background-color: #eee;}
  #shell{position: relative;top: 0;left: 0;margin: 0;height: 100%;width: 100%;}
  header{position: relative;top: 0;left: 0;margin: 0;height: 10VH;}
  h1#logo {float: left;top: 0px;left: 0px;width: 50%;height: 100%;margin: 0;text-indent: -9999px;background: url("images/DBC-logoblu-grn121616a.png") no-repeat 0 0;-webkit-background-size: contain;background-size: contain;/*border: 1px dashed red;*/}
  .phonebox{float: right;width: 45%;}
  p.toptel a{margin: 0;font: normal 900 2em/.5em Arial, Helvetica, Sans-serif;color: #fff;text-shadow: 1px 1px 2px #000;}
  ul.socials li{display: inline;}

/** MAIN CONTENT **/
section{position: relative;top: 0;width: 100%;height: auto;margin: 0 auto 10%;overflow: hidden;}
section h2{color: #00b52a;text-shadow: 1px 1px #000;text-indent: 15%;font: normal 700 3em/1.5em Arial, Helvetica, sans-serif;}
article{position: relative;top: 0;width: 80%;height: auto;margin: 0 auto;overflow: hidden;}
article h3, h4 {text-align: center;color:#666;}
.post-img{float:right;width: 35%;overflow: hidden;}
.post-img img{width:100%;height:auto;}
.post-cnt{float:left;width: 60%;}

div.for-sale-menu{position: absolute;left: 0;top: 40%;border-radius: 50%;background-color:rgba(256, 256, 256, 0.3);box-shadow: 2px 2px 2px #000 inset;text-align: center;}
p.cars-for-sale{font:italic 700 1.5em/1.2em Arial, Helvetica, Sanserif;color: orange;text-shadow: 1px 1px 1px #000;}
.green{color:#00b52a;}

/* FEATURE LINK BOX -->*/
#feature{position:relative;top:0;margin:0 auto;padding:0;width:80%;height:auto;border:2px solid #e1e1e1;-moz-border-radius: 12px;-khtml-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;}
ul#feature-links{display:block;list-style: none;}
ul#feature-links li{margin:20px auto;padding:15px 0;width:100%;height:auto;margin: 0 auto;font-size:1em;font-weight:bold;text-align:center;border:1px solid #666;background-color:#0071ef;border-radius: 60%;}
ul#feature-links li a{text-decoration:none;color:#fff;border:none;}
ul#feature-links li a:hover{display:block;text-decoration:none;color:#0000ff;background-color:#00b25a;margin: 0 ;padding:10px 0;width:100%;height:auto;font-size:1em;font-weight:bold;-moz-border-radius:60%;-khtml-border-radius:60%;-webkit-border-radius:60%;border-radius:60%;border:1px solid red;-webkit-box-shadow:4px 5px 5px #888888; /* Safari and Chrome */}

ol.whysell li{margin-bottom: 1em;}

/******************CSS3 BUTTONS *****************/
h2.getstarted{text-decoration: none;color:#fff;width:auto;height:auto;margin:0;padding:10px;font-size:1.4em;font-family: arial, helvetica, sans-serif;font-weight:700;border:1px solid #999;
border-radius:7px;
-webkit-box-shadow: 3px 3px 5px #333; /* Safari and Chrome */
box-shadow: 3px 3px 5px #333;
background: rgb(64,196,39); /* Old browsers */}
h2.getstarted a:hover{display:block;color:#fff;width:auto;height:auto;margin:0;padding:10px; text-decoration:none;font-size:1.4em;letter-spacing: -.02em;font-family:arial, helvetica, sans-serif;font-weight:700;border:1px solid #999;
border-radius:7px;
-webkit-box-shadow: 4px 5px 5px #888888; /* Safari and Chrome */
box-shadow: 4px 5px 5px #888888;
background: #5c8756; /* Old browsers */}

h3.readmore, #full980 h3.readmore{color:#fff;width:160px;height:20px;margin:15px auto 0;padding:7px 0 8px 20px;font-size:1.1em;font-family:Ubuntu, arial, helvetica, sans-serif;font-weight:700;border:1px solid #999;
border-radius:7px;
-webkit-box-shadow: 4px 5px 5px #888888; /* Safari and Chrome */
box-shadow: 4px 5px 5px #888888;
background: rgb(180,221,180); /* Old browsers */}
h3.readmore a:hover{display:block;color:#fff;width:160px;height:20px;margin:-10px 0 0 -20px;padding:7px 0 20px 35px; text-decoration:none;font-size:1em;font-family:arial, helvetica, sans-serif;font-weight:700;border:1px solid #999;
border-radius:7px;
-webkit-box-shadow: 4px 5px 5px #888888; /* Safari and Chrome */
box-shadow: 4px 5px 5px #888888;
background: #5c8756; /* Old browsers */}

div.bottomquote{float: left;}
div.bottomsale{float: right;}


/*** FOOTER ***/
footer{position:relative;top:0px;left:0;width: 100%;height:200px;padding:20px 0;text-align: center;background-color:#e1e1e1;}			
footer p{color:#24749f;margin:5px;font-size: .75em;letter-spacing: 2px;text-align:center;padding: 10px 2px 10px 2px;}
footer a:link{color:#24749f;}			
footer a:visited{color: #0060ff;}
footer a:hover{color: #00FFFF;}
footer p img{vertical-align:sub;}


/* MEDIA QUERIES  */
@media only screen and (max-width: 480px){
     h1#logo{width: 45%;}
    /*.phonebox{float: none;width:80%;}*/
     p.toptel a{font-size: 1em;}
     section h2{text-indent:0%;text-align: center;}
     article{width: 90%;height: auto;margin: 0 auto;border: 1px dotted orange;overflow: hidden;}
    .post-img{float: none;width: 100%;margin: 0 auto;}
    .post-cnt{float: none;width: 100%;margin: 0 auto;}
}


@media only screen and (min-width:480px) and (max-width: 830px) {
  body {background-color: lightblue;}
  h1#logo{width: 50%;}
  p.toptel a{text-align: center;font-size: 2em;}
  #hero{overflow: hidden;}
  section h2{text-indent:0;text-align: center;font-size: 2em;}
  article{width: 90%;height: auto;margin: 0 auto;border: 1px dotted orange;overflow: hidden;}
  .post-img{float: none;width: 100%;margin: 0 auto;}
  .post-cnt{float: none;width: 100%;margin: 0 auto;}
  }
