body {
    width:100%;
    background-color:#1a2227;
    background-size:100%;
   
}

.container-landing img {
    height:100vh;
    width:100vw;
}

.carousel-inner img{
    height:300px;
}



/*style the navigation bar*/

.navbar-inverse{
    width:100%;
    background-color:#1a2227;
    padding:none;
    border:none;
    margin: 0 auto;
}

.nav li{
    width:auto;
    color:#c6ccc8;
    font-size:20px;
    margin-right:35px;
    margin-top:50px;
    padding: 10px 0 10px 0;
}



.dropdown-menu{
    text-align:center;
    background-color:#1a2227;
    height:380px;
    width:120px;
    padding-top:60px;
    float:left;
    
}
/*.dropdown-item{*/
    .navbar-nav li{
    height:60px;
    color:#c6ccc8;
    font-size:20px;
    display:block;
}

.navbar-collapse .navbar-nav li a:hover{
    color:#fff;
    text-decoration:none;
    /*background-color:#1d1b1b;*/
}
.navbar-inverse:hover{
    padding-bottom:0px;
    cursor:pointer;
}
.logo{
    height:150px;
    width:130px;
    margin:16px;
    padding:0;
}
/*---------------------------------------------body----------------------------*/
.container1{
    height:500px;
    width:auto;
    background-image:url("optimized_dsc_0441_1_.png");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.vehicle-story1{
    height:40px;
    width:auto;
    background-color:rgba(0,0,0,0.5);
    color:#fff;
    font-size:22px;
    text-align:center;
    padding:70px;
    height:500px;
}

.container2{
    height:120px;
    width:auto;
}

.container2 img{
    height:270px;
    width:320px;
    padding:25px;
}

/*--------------------------footer-------------------------------*/



.call-outs-container{
    text-align:left;
    height:210px;
    margin:20px auto;
    background-color:#1a2227;
    color:#fff;
    margin-bottom:20px;
    margin-top:120px;
}

.call-out{
    box-sizing:border-box;
    margin-bottom:30px;
    
}

.call-out img{
    height:200px;
    width:180px;
    padding:30px;
    margin-left:50px;
}

.call-out-1{
    box-sizing:border-box;
    margin-bottom:20px;
    flex-basis:30%;
    font-size:1em;
    margin-top:35px;
    line-height:2.0;

}

.call-out-1 .fas{
    color:rgb(155, 124, 77);
    font-size:1.2em;
}

.call-out-1 .far{
    color:rgb(155, 124, 77);
    font-size:1.2em;
}

.call-out-2{
    box-sizing:border-box;
    margin-bottom:20px;
    flex-basis:30%;
    font-size:1.8em;
    margin-left:60px;
    margin-top:35px;
}

.call-out-2 a{
    text-decoration:none;
}

.facebook{
    font-size: 22px;
}

.budget-footer{
    letter-spacing:0px;
}

.reserved{
    font-size:.5em;
    letter-spacing:0px;
}



/*---------------------------------------nest hub max 1280px-----------------------------------*/

@media(max-width:1280px){
 
    .container1{
        width:auto;
        height:auto;
        text-align:center;
        margin:auto;
       
    }
}

/*------------------------------------------nest hub/ ipad pro 1024px----------------------------*/

@media(max-width:1024px){
    .container1{
        width:100%!important;
    }
 
    .container1 p{
        width:auto!important;
        height:auto;
        text-align:center;
        margin:auto;
       
    }
    
    .container2 img{
        width:400px;
        margin-left:50px!important;
        padding:20px 0px;
    }
    
    .call-out img{
        width:200px;    
    }

    .call-out-1{
        margin-left:-10px!important;
    }

    .call-out-2{
        margin-left:-10px!important;
    }
    
}
/*-------------------------------------------Surface Duo Pro 7 912px------------------------------------*/
@media(max-width:912px){
    body{
        height:2800px;
    }
    .footer{
        margin-left:100px;
    }
    .call-out img{
        width:170px;
        margin-left:-40px;
    }
}
/*-------------------------------------------i pad Air 820px------------------------------------*/
@media(max-width:820px){
    .container1{
        margin-left:20px;
    }
    .container2{
        margin-left:-45px;
    }
}

/*-------------------------------------------i pad 768px------------------------------------*/
@media(max-width:768px){
.container2 img{
    height:240px!important;
    width:320px;
    margin-left:50px!important;
    padding:20px 20px;
}

.call-out img{
    width:200px;
    height:220px!important;
    margin-left:0px!important;
}
.call-out-1{
    margin-left:10px!important;
}

.call-out-2{
    margin-left:10px!important;
    padding-bottom:10px;
}

}

/*-------------------------------------------surface duo 540px------------------------------------*/
@media(max-width:540px){
.container1 p{
    height:900px;
    }
    .container2 img{
        margin-left:180px!important;
    }
    .footer{
        height:1500px;
    }
    .call-out img{
        margin-top:100px;
        margin-left:90px!important;
    }
    .call-out-1{
        margin-left:40px!important;
    }
    .call-out-2{
        margin-left:40px!important;
    }
}

/*-------------------------------------------i phone 6 7 8 plus 414px------------------------------------*/
@media(max-width:414px){
    .container1{
        margin-left:0px;
    }
    .container2{
        margin-left:0px;
    }
    .footer{
        margin-left:-10px!important;
    }
}
/*-----------------------------------Samsung galaxy A51/71 412px-----------------------------------------*/
@media(max-width:412px){
    #footer-bottom{
        height:1800px!important;
        margin-left:0px;
    }
    .container2{
        margin-left:0px;
    }
}
/*--------------------------------------pixel 2------pixel 2 xl 411px------------------------------------*/
@media(max-width:414px){
    .container1 p{
        height:700px;
        font-size:16px;
        background-color: rgba(0,0,0,0.5);
        text-align:center;
        margin:auto;
       
    }
    .container2 img{
        margin-left:45px!important;
    }

    .call-out img{
        margin-left:27%!important;
    }
    .call-out-1{
        margin-left:55px!important;
    }
    .call-out-2{
        margin-left:55px!important;
    }
}
/*-------------------------------------------i phone 12 Pro 390px-----------------------------*/
@media(max-width:390px){
    .container1{
        margin-left:0px;
    }
    .container2{
        margin-left:-10px;
    }
}

/*-------------------------------------------i phone x / iphone 6 7 8 375px-----------------------------*/
@media(max-width:375px){
    .container1 p{
        width:100%;
        height:820px!important;
    }
    .container2 img{
        margin-left:35px!important;
    }
    .call-out img{
        margin-left:22%!important;
    }
}

/*-------------------------------------------moto galaxy s5 moto g4 360px--------------------------*/
@media(max-width:360px){
    .container1 p{
        width:100vw;
        height:800px;
    }
    .call-out img{
        margin-left:28%;
    }
    .call-out-1{
        font-size: 12px;
        margin-left:85px;
    }
    .call-out-2{
        margin-left:85px;
    }
    .facebook{
        font-size: 12px;
    }
    .budget-footer{
        font-size: 12px;
    }
    .reserved{
        font-size: 12px;
    }
}

/*--------------------------i phone 5se--320px--------------------------*/
@media(max-width:320px){
    .container1{
        width:340px;

    }
    .container1 p{
        height:960px!important;
        font-size:16px;
        width:340px;
        background-color: rgba(0,0,0,0.5);
    }
    
    .container2 img{
        margin-left:0px!important;
    }

    .call-out img{
        margin-left:22%!important;
    }
}

/*-------------------------------------------galaxy fold 280px--------------------------*/
@media(max-width:280px){
    .logo{
        height:60px;
        width:60px;
    }
    .container1{
        width:auto;
       margin-left:0px!important;
      
    }
    .container1 p{
        height:1280px!important;
        font-size: 16px;
        margin-left:0px!important;
    }
    .container2 img{
       width:100vw;
       margin-left:10px!important;
    }

    .call-out img{
        margin-left:75px!important;
        width:160px!important;
        height:190px!important;
    }

    .call-out-1{
        margin-left:55px!important;
        font-size:10px;
    }
    
    .call-out-2{
        margin-left:55px!important;
        padding-bottom:30px;
        font-size:10px;
    }
}