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:600px;
    width:auto;
    background-image:url("forsale.png");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity:0.9;
}
.container1 p{
        font-size: 22px;
        text-align:center;
        background-color:rgba(0,0,0,0.5);
        height:600px;
        color:#fff;
        padding:100px;
       
    }
    


.container2{
    height:120px;
    width:auto;
    background-color:#1a2227;
}

.container2 img{
    height:270px;
    width:360px;
    padding:25px;
    background-color:#1a2227;
    margin-left:-20px;
}
#containerTwo3{
    background-color:#1a2227;
    height:400px;
}





/*--------------------------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{
        height:5000px;
    }
    .logo{
        height:190px!important;
        width:150px!important;
    }

    .container1{
        width:auto;
        height:600px;
        text-align:center;
        margin:auto;
    }
    img{
        height:400px!important;
    }
    
    #containerTwo3{
        margin-bottom:400px!important;
    }
    .call-out img{
        height:210px!important;
        width:190px!important;
    }
    #footer-bottom{
        height:200px!important;
    }
}

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

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

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

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

/*-------------------------------------------Surface pro 7  912px------------------------------------*/
@media(max-width:912px){
    body{
        height:5000px;
    }
    .logo{
        height:120px!important;
        width:120px!important;
    }
    .container1{
        height:1000px;
    }
    .container1 p{
        height:1000px!important;
    }
    .container2{
        margin-left:-60px;
    }
    img{
        height:400px!important;
    }
    #containerTwo3 img{
        margin-left:80px!important;
        width:420px;
    }
    .footer{
        height:1600px;
        margin-left:40px;
    }
    #footerImage img{
        margin-left:-40px!important;
        height:240px!important;
        width:220px;
    }
}
/*-------------------------------------------i pad air 820px------------------------------------*/
@media(max-width:820px){
    .container1{
        height:1000px!important;
    }
    .container1 p{
        height:1000px!important;
    }
    .container2{
        margin-left:-60px;
    }
    img{
        height:400px!important;
    }
    #containerTwo.two img{
        margin-left:80px!important;
        width:420px;
    }
    .footer{
        height:1200px;
        margin-left:40px;
    }
    #footerImage img{
        margin-left:-40px!important;
        height:200px!important;
        width:180px;
    }
}
/*-------------------------------------------i pad mini 768px------------------------------------*/
@media(max-width:768px){
    .logo{
        height:120px!important;
        width:120px!important;
    }
    .container1{
        height:1000px!important;
        margin-bottom:0px!important;
        background-color: #1a2227;
    }
.container2 img{
    width:320px;
    margin-top:0px!important;
    margin-left:60px!important;
    padding:20px 0px;
    background-color: #1a2227;
}
.footer{
    margin-left:20px;
}

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

.call-out-2{
    height:420px!important;
    margin-left:0px!important;
    padding-bottom:30px;
}

}

/*-------------------------------------------surface duo 540px------------------------------------*/
@media(max-width:540px){
.container1{
    height:700px;
} 
.container1 p{
    height:600px;
    width:auto;
    padding:40px;
}

.container2 img{
    margin-left:160px!important;
}
#containerTwo3{
    margin-left:60px;
}
.footer{
    margin-left:80px;
}

    #footerImage img{
        margin-left:-90px!important;
    }
    .call-out-1{
        margin-left:-60px!important;
    }
    .call-out-2{
        margin-left:-60px!important;
    }
}

/*-------------------------------------------mobile phones 480px------------------------------------*/
@media(max-width:480px){
    .logo{
        height:60px;
        width:60px;
    }
    .container1{
        height:800px;
    }
    .container1 p{
        height:800px!important;
    }
    .container2{
    margin-left:-120px;
    }
    #containerTwo3{
        margin-left:60px;
    }
    .footer{
        height:1400px;
        margin-left:100px!important;
    }
    .call-out img{
        margin-left:0px;
    }
    .call-out-2{
        height:600px!important;
    }
}
/*--------------------------------------samsung galaxy S20 ultra 412px------------------------------------*/
/*@media(max-width:412px){
    body{
        width:412px!important;
    }
    .container1{
        height:750px;
    }
    .container1 p{
        height:750px;
    }
    .container2 img{
        margin-left:170px!important;
    }
    #containerTwo2 img{
        height:380px;
    }
    .call-out img{
        height:210px!important;
    }
}*/
/*--------------------------------------pixel 2------pixel 2 xl 411px------------------------------------*/
/*@media(max-width:411px){
    .container1 p{
        height:750px;
        background-color: rgba(0,0,0,0.5);
        text-align:center;
        margin:auto;
       
    }
    .container2{
        margin-left:-15px;
    }
    .container2 img{
        width:390px;
        margin-left:25px!important;
    }

    .call-out img{
        width:180px!important;
        margin-left:30%!important;
    }
    .call-out-1{
        margin-left:65px!important;
    }
    .call-out-2{
        margin-left:65px!important;
    }
}*/

/*-------------------------------------------i phone x / iphone 6 7 8 375px-----------------------------*/
/*@media(max-width:375px){
    .container1{
        width:100%;
        height:1000px;
    }
    .container1 p{
        height:900px!important;
    }
    .container2{
        margin-left:35px!important;
    }
    .container2 img{
        width:auto;
    }
    #containerTwo2 img{
        width:350px;
        height:400px;
    }
    
    #containerTwo3 img{
        width:300px;
        height:400px;
        margin-left:0px!important;
    }
    .footer{
        height:1100px;
        margin-left:40px!important;
    }
    #footerImage img{
        height:220px!important;
        width:160px!important;
        margin-left:70px!important;
    }
    .call-out-1{
        margin-left:10%!important;
    }
    .call-out-2{
        margin-left:10%!important;
    }
}
/*-------------------------------------------Pixel 5 393px--------------------------*/
/*@media(max-width:393px){
    .container1{
        width:393px!important;
        height:900px;
    }
    #containerTwo2 img{
        height:380px;
    }
    #containerTwo3{
        margin-left:-40px!important;
    }
    .footer{
        margin-left:50px!important;
    }
    #footerImage img{
        height:220px!important;
        margin-left:120px!important;
    }
}*/

/*-------------------------------------------i phone 12 pro 390px--------------------------*/
/*@media(max-width:390px){
    body{
        width:460px!important;
        margin:auto!important;
    }
    .container2{
        margin-left:10px;
    }
    #containerTwo2 img{
        height:380px;
        margin-left:20px!important;
    }
    #containerTwo3{
        margin-left:35px!important;
    }
    .footer{
        margin-left:-20px!important
    }
    #footerImage img{
        height:220px!important;
        margin-left:120px!important
    }
    }*/

/*-------------------------------------------moto galaxy s5 moto g4 360px--------------------------*/
/*@media(max-width:360px){
    body{
        width:360px!important;
    }
    .container1{
        height:700px;
    }
    .container1 p{
        width:100vw;
        height:700px;
        font-size:18px;
    }
    .container2{
        margin-left:0px!important;
    }
    .container2 img{
        width:auto!important;
    }
    #containerTwo2 img{
        width:345px!important;
    }
    #containerTwo3{
        margin-left:0px!important;
    }
    
    #footerImage img{
        width:180px!important;
        margin-left:120px!important;
    }
    .call-out-1{
        font-size: 12px;
        margin-left:17%!important;
    }
    .call-out-2{
        margin-left:17%!important;
    }
    .facebook{
        font-size: 12px;
    }
    .budget-footer{
        font-size: 12px;
    }
    .reserved{
        font-size: 12px;
    }
}*/

/*-------------------------------------------320px--------------------------*/
/*@media(max-width:320px){
    .container1{
        width:340px;
    }
    .container1 p{
        font-size:18px;
        height:800px;
        width:340px;
        background-color: rgba(0,0,0,0.5);
    }
    .container2 img{
        margin-left:2px!important;
    }

    .call-out img{
        margin-left:25%!important;
    }
    .call-out-1{
        margin-left:40px!important;
    }
    .call-out-2{
        margin-left:40px!important;
    }
}*/

/*-------------------------------------------galaxy fold 280px--------------------------*/
@media(max-width:280px){
    body{
        width:280px!important;
    }
    .logo{
        height:60px;
        width:60px;
    }
    .container1{
       margin-left:0px!important;
       width:280px!important;
       margin-bottom:0px!important;
       background-color:#1a2227;
      
    }
    .container1 p{
        height:780px;
        font-size: 16px;
        margin-left:0px!important;
    }
    .container2 img{
        margin-left:90px!important;
        margin-top:0px;
        background-color:#1a2227;
    }
    #container2{
        margin-left:-20px!important;
        background-color:#1a2227;
    }
    .footer{
        height:800px;
        font-size:10px;
    }

    #footerImage img{
        margin-left:-40px!important;
        height:180px!important;
        width:160px;
    }

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