section {margin:0; padding:0; border-radius:0;}
h1{margin-top:20px}
.margins{margin: 0 20px}
.flexslider{background:none; border:none; border-radius:0}
.flexslider .slides img{margin: 0 auto; width: 100% !important}
.flexslider .slides > li{text-align:center; margin:0;}
.flex-caption {
    background: rgba(0,0,0,.6);
    line-height: 2;
    padding: 0 0 0 20px;
    width: 100%;
    font-size: 30px;
}
.flex-direction-nav li a {
    border: 1px solid #999;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    height: 33px;
    top: 30px;
    width: 42px;
}
.flex-direction-nav li .prev {
    background-position: -5px -10px;
    left: 4px;
}
.flex-direction-nav li .next {
    background-position: -58px -10px;
    right: 4px;
}

/* BTNS */
.btns{background: #000; border-top: 1px solid #ccc; margin-bottom: 1px;}
.btns ul{margin: 0}
.btns li{
  float: left;
  background: #ccc;
  width:24%;
  margin: 1% .5%;
  text-align: center;
}
.btns a, .btns a:visited {
    text-decoration: none;
    color: #fff;
    background: #036;
    display: block;
    margin: 1px;
}
.btns a span {
    display: block;
    line-height: 5;
    font-size: 20px;
    font-size:2rem;
    font-weight: bold;
    text-shadow: 0 2px 2px rgba(0,0,0,.9);
}
.btns a:hover span {
    color: #000;
    background: rgba(255,255,255,.5);
    text-shadow: none;
}
.new a {background: url('images/btn-new.jpg') no-repeat center center;}
.used a {background: url('images/btn-used.jpg') no-repeat center center;}
.specials a {background: url('images/btn-specials.jpg') no-repeat center center;}
.finance a {background: url('images/btn-finance.jpg') no-repeat center center;}

/* SPECIALS */
.InvSpecialBox {
    margin: 0;
    width: 100%;
    border-width: 0 0 20px;
    border-color: #005487;
}
.InvSpecialFlag h3 {
    line-height: 2;
    box-shadow: inset 0 0px 10px rgba(0,0,0,.5);
}
.slides img.InvSpecialsCar {
    border: 2px solid #000;
    margin-left: 4%;
    border-radius: 0;
}
.InvInfoBox {background: url("images/special-flag.jpg") no-repeat scroll right bottom #FFF;}
.flexslider .flex-control-nav {top: -16px;}

/*===== MEDIA QUERIES =====*/
@media only screen and (max-width: 768px){
  .btns ul{margin-top:6px}
  .btns li{width: 46%; margin: 0 2% 6px}
  .btns a, .btns a:visited{background:#06C}
  .btns a span{
    font-size: 2.8rem;
    line-height: 3;
  }
  .slides img.InvSpecialsCar{margin-left:0}
}
@media only screen and (max-width: 570px){
  .btns li{width: 96%;}
  .btns a span{
    font-size: 2rem;
    line-height: 3;
  }
  .InvSpecialFlag h3 span{display:none}
}
@media only screen and (max-width: 480px){
  .slideshow{display:none}
}