@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap');

body{
  	overflow-x: hidden;
  	-webkit-font-smoothing: antialiased;
 	font-size: 16px;
 	background-color: #fff;
   font-family: 'Lato', sans-serif;
 }

h1{
	font-size: 26px;
}
h2{
	font-size: 24px;
}
h3{
	font-size: 20px;
}
h4{
	font-size: 18px;
}
h5{
	font-size: 16px;
}
h6{
	font-size: 16px;
}
a {
    color: #000;
    text-decoration: none;
}
a:hover, a:focus{
	text-decoration: none !important;
	color: #292068  !important;
  	
}


p, div, ul, li, a, span {
      font-family: 'Lato', sans-serif;
}

p{font-size: 16px;}


/* SOF Header */

.header{
    background: url('../Images/header-banner.png') no-repeat center 0/cover;
    padding: 2rem 0 0;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.navbar.navbar-default.affix{
    background-color: #282167 !important;
    z-index: 9;
}
#sticky_side_nav.affix .navbar-nav>li>a{
    color: #fff !important;
}

#sticky_side_nav .navbar-nav>li>a{
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
}
 .header .navbar-nav>li>.dropdown-menu{
    background: #282168;
    padding-top: 0;
}
.header .dropdown-menu>li>a {
    display: block;
    padding: 10px 30px;
    clear: both;
    font-weight: bold;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
    text-transform: uppercase;
}


.header-nav{background: #fff;padding: 2rem 0;}
.header-nav .main-nav{
    margin-top: 15px;
}
.new-header,.used-header{
    background: rgba(255,255,255,0.8);
    text-align: center;
    text-transform: uppercase;
    margin: auto 5rem;
}
.new-header h2,.used-header h2{color: #282068;
    font-weight: 700;
    font-size: 6rem;
    margin: 0;
    padding: 2rem 0 10rem;
    font-family: 'Lato', sans-serif;
}
.header-buttons img{
    margin-top: -6rem;
}
.hedaer-banner h1{
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    color: #fff;
    margin: 0;
    font-size: 8rem;
    margin-top: 2rem;
}
.hedaer-banner p{
    color: #fff;
    font-size: 2.8rem;
    margin-bottom: 3rem;
}

/*EOF HEADER */

/*SOF FOOTER */

.site-footer{
    background: url('../Images/footer-bg.png') no-repeat center 0/cover;
    padding: 3rem 0 0rem;
}
.privacy-powered{
    background-color: #000;
    padding: 2rem 0;
    margin-top:2rem;
    color: #fff;
      font-size: 14px;
}
.privacy-powered a{
    color: #fff;
    font-size: 14px;
}
.privacy-powered a:hover{
    color: #fff !important;
}

/*EOF FOOTER */

@media(max-width: 767px){
    .header{padding-bottom: 1.5rem;}
    .header-nav{padding: 1rem 0 0;}
    .header-nav .main-nav{margin-top: 10px;background: #282168;}
    #sticky_side_nav .navbar-toggle{border-color: transparent;background-color: transparent;color: #fff;font-size: 18px;}
    .sp-close{color: #000;}
    .affix#sticky_side_nav.affix .navbar-nav>li>a{color: #000;}
    .main-body{margin-top: 0 !important;}
    .search-widget h2{margin-top: 20px !important;}
    .jimmy-britt3{margin-bottom: 1.5rem;}
    .learn-more{text-align: center;}
}

@media(max-width: 480px){
    .hedaer-banner h1{font-size: 4rem;}
    .hedaer-banner p{font-size: 1.8rem;}
    .new-header h2, .used-header h2{font-size: 4rem;}
    .new-header, .used-header{margin: auto;}
    .search-widget .form-control{margin-bottom: 1rem;}
    .triangle-bg h3{font-size: 5rem !important;}
    .we-will p{font-size: 2.6rem !important;}
    .bestprice img{margin-top: -10rem !important;}
    .content-body h2{margin-top: 25px;}
    .content-body p{font-size: 15px !important;}
    
}
@media(min-width: 481px) and (max-width: 767px){
    .hedaer-banner h1{font-size: 7rem;}
    .new-header h2, .used-header h2{font-size: 4rem;}
    .new-header, .used-header{margin: auto;}
     .triangle-bg h3{font-size: 7rem !important;}
     .we-will p{font-size: 4rem !important;}
         .bestprice img{margin-top: -10rem !important;}
}
@media(min-width: 768px) and (max-width: 991px){
    .header-nav .main-nav{margin-top: 0 !important;}
    #sticky_side_nav .nav>li>a {
        padding: 15px 10px 10px;
        font-size: 11px;
    }
      .hedaer-banner p{font-size: 2.3rem;}
      .new-header h2, .used-header h2{font-size: 3rem;}
      .triangle-bg h3{font-size: 6rem !important;}
      .we-will p{font-size: 2.8rem !important;}
      .learn-more a{font-size: 12px !important;margin-top: 0 !important;}
      .we-will{margin-top: 10px !important;}
      .checkmark h6{font-size: 16px !important;}
      .bestprice img {margin-top: -23rem !important;}
      .jimmy-britt3{margin-bottom: 25px;}
}
@media(min-width: 992px) and (max-width: 1199px){
    
    #sticky_side_nav .nav>li>a {
        padding: 15px 11px 10px;
        font-size: 11px;
    }
    .new-header h2, .used-header h2{font-size: 4rem;}
    .triangle-bg h3{font-size: 8rem !important;}
      .we-will p{font-size: 3rem !important;}
      .bestprice img {margin-top: -20rem !important;}
      
}

@media(min-width: 768px){
    .privacy-powered .power-left{text-align: left;}
     .privacy-powered .power-right{text-align: right;}
     .search-widget h2{font-size: 4rem;}
     .nav-default-home-icon{display: none !important;}
}
@media (max-width: 767px){
.affix#sticky_side_nav.affix .navbar-nav>li>a {
    color: #000 !important;
}
}
@media only screen and (max-width: 767px){
#sticky_side_nav .navbar-nav>li li>a {
    padding: 10px 10px 10px 10px;
    color: #fff;
}
}