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;
}
/*-----------------------------main-----------------------------*/
.container1{
    height:500px;
    width:auto;
    background-image:url("optimized_greene1.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity:0.9;
}

.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){
    body{
        width:1280px!important;
    }
    .container2{
        margin-left:0px;
    }
    .footer{
        height:1000px;
    }
}

/*------------------------------------nest hub 1024px-----------------------------------*/
@media (max-width:1024px){
.logo{
    display:visible;
}
.container2{
    margin-left:60px;
}
.container2 img{
    width:400px!important;
}
.footer{
    margin-left:-50px;
}
}

/*------------------------------------Surface pro 7 912px-------------------------------*/
@media (max-width:912px){
    .container2{
        margin-left:30px;
    }
    .call-out img{
        margin-left:70px;
    }
    .call-out-1{
        height:130px;
        margin-left:100px;
    }
    #callOutTwo{
        height:800px!important;
        margin-left:100px;
        margin-bottom:200px!important;
    }
}


/*------------------------------------i pad air 820px-------------------------------*/
@media (max-width:820px){
    .container2{
        margin-left:0px;
    }
    .call-out img{
        margin-left:70px;
    }
    .call-out-1{
        height:130px;
        margin-left:100px;
    }
    #callOutTwo{
        height:800px!important;
        margin-left:100px;
        margin-bottom:200px!important;
    }
}

/*------------------------------------i pad width 768px-------------------------------*/
@media (max-width:768px){
    .container1{
        margin-left:40px;
    }
    .container2{
        margin-left:5px;
    }
    .call-out img{
        margin-left:70px;
    }
    .call-out-1{
        margin-left:100px!important;
    }
    .call-out-2{
        margin-left:100px!important;
    }
}

/*----------------------------surface duo 540px-----------------------------------*/
@media(max-width:540px){
    .container1{
        margin-left:10px;
    }
    .container2 img{
        margin-left:60px;
    }
    .call-out img{
        margin-left:175px;
    }
    .footer{
        margin:auto!important;
    }
}

/*----------------------------mobile phones 480px----------------------------*/
@media(max-width:480px){
    body{
        width:400px!important;
    }
    .logo{
        height:60px;
        width:60px;
    }
    .container1{
        width:auto!important;
        margin-left:0px!important;
    }
    .container2{
        margin-left:-65px!important;
    }
    .footer{
        margin-left:-50px!important;
        font-size:12px;
    }
    .call-out img{
        margin-left:160px;
    }
    .call-out-1{
        height:100px;
    }
    .call-out-2{
        height:300px!important;
        margin-bottom:200px;
    }
    .facebook{
        font-size:12px;
    }
    .budget-footer{
        font-size:12px;
    }
}

/*--------------------------------pixel2 xl 411px----------------------------------*/
/*@media(max-width:411px){
    .container2{
        margin-left:-30px!important;
    }
}*/
/*--------------------------------i phone 12 pro 393px----------------------------------*/
/*@media(max-width:393px){
    .container2{
        margin-left:-45px!important;
    }
    .call-out img{
        margin-left:110px!important;
    }
}*/

/*--------------------------------i phone 12 pro 390px----------------------------------*/
/*@media(max-width:390px){
    .container2{
        margin-left:-40px!important;
    }
    .call-out-1{
        margin-left:60px!important;
    }
}*/

/*--------------------------------- i phone x 375px--------------------------------*/
/*@media(max-width:375px){
    .container2{
        margin-left:-50px!important;
    }
    .call-out img{
        margin-left:100px;
    }
    .call-out-1{
        margin-left:40px!important;
    }
    .call-out-2{
        margin-left:40px!important;
        height:300px;
    }
}*/

/*---------------------------------moto g4 360px--------------------------------------*/
/*@media(max-width:360px){
    .container1{
        margin-left:15px;
    }
    .container2{
        margin-left:-50px!important;
    }

    
}*/
/*------------------------------------i phone 5 se 320px-------------------------------*/
/*@media (max-width:320px){
    body{
        width:320px!important;
    }
    .container1{
        width:auto!important;
    }
    .container2{
        margin-left:-70px!important;
    }
    .facebook{
        font-size:16px;
    }
}*/


/*------------------------------------galaxy fold 280px-------------------------------*/
@media (max-width:280px){
    body{
        width:280px!important;
        padding-left:-10px;
    }
    .logo{
        height:60px;
        width:60px;
    }
    .container1{
        width:280px!important;
        margin-left:0px;
    }
    .container2 img{
        margin-left:0px;
    }
    .call-out img{
        height:190px;
        width:160px;
        margin-left:90px!important;
    }
    .footer{
        font-size:10px;
        margin-left:-30px!important;
    }
    .call-out-1{
        margin-left:100px!important;
        margin-bottom:65px!important;
    }
    .call-out-2{
        margin-left:100px!important;
        margin-bottom:65px!important;
    }
    .facebook{
        font-size:10px;
    }
    .budget-footer{
        font-size:10px;
    }
}