@media (min-width: 576px) {

  /**** HEADER ****/
  #section-header{
    height:280px;
  }

  .header-logo{
    width:180px;
    top:20px;
  }

  .building-01{
    width:90px;
    bottom:60px;
    left:-10px;
  }
  
  .building-02{
    width:100px;
    bottom:40px;
    left:150px;
  }
  
  .building-03{
    width:90px;
    bottom:60px;
    right:120px;
  }
  
  .building-04{
    display:block;
    width:80px;
    bottom:60px;
    right:-20px;
  }

  .homes{
    width:800px;
    left:-80px;
  }
  
  .family-grass{
    height:20px;
    bottom:0;
  }
  
  .family{
    width:100px;
  }

  /**** TITLE ****/
  #section-title{
    height:220px;
  }

  .grass{
    padding:0 14px;
  }
  
  .header-title{
    font-size:1.5rem;
    line-height:34px;
  }
  
  .header-text{
    font-size:1.35rem;
    margin-bottom:14px;
  }
  
  .arrow{
    font-size:1.9rem;
  }

  /**** CLIENTS ****/
  #section-clients{
    padding:50px 0;
  }
  
  .container-client{
    margin:20px;
  }
  
  .client-top{
    height:180px;
  }

  .catagory{
    padding-top:28px;
  }
  
  .client-logo{
    width:86%;
    margin-top:14px;
  }

  .client-bottom{
    height:140px;
  }
  
  .client-name{
    font-size:1.1rem;
  }

  .container-client-whas11{
    margin:20px;
  }

  .client-top-whas{
    height:180px;
  }


}




@media (min-width: 768px) {

  /**** HEADER ****/
  #section-header{
    height:340px;
  }

  .header-logo{
    width:210px;
    top:35px;
  }

  .building-01{
    width:120px;
    bottom:80px;
    left:-6px;
  }
  
  .building-02{
    width:110px;
    bottom:30px;
    left:190px;
  }
  
  .building-03{
    width:120px;
    bottom:70px;
    right:120px;
  }
  
  .building-04{
    width:120px;
    bottom:40px;
    right:-40px;
  }

  .homes{
    width:1100px;
    left:-30px;
  }
  
  .family-grass{
    height:20px;
    bottom:0;
  }
  
  .family{
    width:130px;
  }

  /**** TITLE ****/
  #section-title{
    height:260px;
  }

  .grass{
    padding:0 18px;
  }
  
  .header-title{
    font-size:2rem;
    line-height:48px;
  }
  
  .header-text{
    font-size:1.5rem;
    margin-bottom:18px;
  }
  
  .arrow{
    font-size:2.4rem;
  }

  /**** CLIENTS ****/
  #section-clients{
    padding:60px 0;
  }
  
  .container-client{
    margin:0;
  }
  
  .client-top{
    height:130px;
  }

  .catagory{
    padding-top:14px;
  }
  
  .client-logo{
    width:96%;
    margin-top:0px;
  }

  .client-bottom{
    height:120px;
  }
  
  .client-name{
    font-size:0.95rem;
  }

  .container-client-whas11{
    margin:0px;
  }

  .client-top-whas{
    height:130px;
  }






}




@media (min-width: 992px) {

  /**** HEADER ****/
  #section-header{
    height:380px;
  }

  .header-logo{
    width:230px;
    top:36px;
  }

  .building-01{
    width:140px;
    bottom:70px;
    left:-10px;
  }
  
  .building-02{
    width:130px;
    bottom:40px;
    left:240px;
  }
  
  .building-03{
    width:140px;
    bottom:60px;
    right:180px;
  }
  
  .building-04{
    width:130px;
    bottom:70px;
    right:-10px;
  }

  .homes{
    width:1400px;
    left:-30px;
  }
  
  .family-grass{
    height:20px;
    bottom:0;
  }
  
  .family{
    width:150px;
  }

  /**** TITLE ****/
  #section-title{
    height:180px;
  }

  .grass{
    padding:0 10px;
  }
  
  .header-title{
    font-size:1.75rem;
    line-height:36px;
  }
  
  .header-text{
    font-size:1.4rem;
    margin-bottom:14px;
  }
  
  .arrow{
    font-size:2.7rem;
  }

  /**** CLIENTS ****/
  #section-clients{
    padding:70px 50px;
  }
  
  .client-top{
    height:120px;
  }

  .catagory{
    padding-top:16px;
  }
  
  .client-logo{
    width:96%;
  }

  .client-bottom{
    height:120px;
  }
  
  .client-name{
    font-size:1rem;
  }

  .client-top-whas{
    height:120px;
  }



}




@media (min-width: 1200px) {

  /**** HEADER ****/
  #section-header{
    height:380px;
  }

  .header-logo{
    width:260px;
    top:40px;
  }

  .building-01{
    width:130px;
    bottom:50px;
    left:50px;
  }
  
  .building-02{
    width:120px;
    bottom:20px;
    left:340px;
  }
  
  .building-03{
    width:120px;
    bottom:60px;
    right:250px;
  }
  
  .building-04{
    width:120px;
    bottom:60px;
    right:50px;
  }

  .homes{
    width:100%;
    left:0;
    margin:0 auto;
  }
  
  .family{
    width:150px;
  }

  /**** TITLE ****/
  #section-title{
    height:240px;
  }

  .grass{
    padding:0;
  }
  
  .header-title{
    font-size:2rem;
    margin-bottom:26px;
  }
  
  .header-text{
    font-size:1.5rem;
    margin-bottom:20px;
  }
  
  .arrow{
    font-size:2.8rem;
  }

  /**** CLIENTS ****/
  #section-clients{
    padding:80px 60px;
  }
  
  .client-top{
    height:136px;
  }

  .catagory{
    padding-top:18px;
  }
  
  .client-bottom{
    height:120px;
  }
  
  .client-name{
    font-size:1rem;
  }

  .client-top-whas{
    height:136px;
  }



}




@media (min-width: 1400px) {

  /**** HEADER ****/
  #section-header{
    height:450px;
  }

  .header-logo{
    width:310px;
    top:50px;
  }

  .building-01{
    width:150px;
    bottom:60px;
    left:50px;
  }
  
  .building-02{
    width:140px;
    bottom:40px;
    left:400px;
  }
  
  .building-03{
    width:150px;
    bottom:70px;
    right:320px;
  }
  
  .building-04{
    width:150px;
    bottom:50px;
    right:60px;
  }

  .family{
    width:160px;
  }

  /**** TITLE ****/
  #section-title{
    height:270px;
  }

  .header-title{
    font-size:2.4rem;
    margin-bottom:30px;
  }
  
  .header-text{
    font-size:1.8rem;
    margin-bottom:22px;
  }
  
  .arrow{
    font-size:3rem;
  }

  /**** CLIENTS ****/
  #section-clients{
    padding:90px 80px;
  }
  
  .client-top{
    height:150px;
  }

  .catagory{
    padding-top:22px;
  }
  
  .client-bottom{
    height:130px;
  }
  
  .client-name{
    font-size:1.05rem;
  }

  .client-top-whas{
    height:150px;
  }



}




@media (min-width: 1600px){

  /**** HEADER ****/
  #section-header{
    height:520px;
  }

  .header-logo{
    width:320px;
    top:60px;
  }

  .building-01{
    width:170px;
    bottom:90px;
    left:140px;
  }
  
  .building-02{
    width:190px;
    bottom:50px;
    left:600px;
  }
  
  .building-03{
    width:180px;
    bottom:90px;
    right:540px;
  }
  
  .building-04{
    width:180px;
    bottom:80px;
    right:140px;
  }

  .family{
    width:180px;
  }

  /**** TITLE ****/
  #section-title{
    height:300px;
  }

  .grass{
    width:1180px;
    margin:0 auto;
  }

  .header-title{
    font-size:2.2rem;
    margin-bottom:32px;
  }
  
  .header-text{
    font-size:1.8rem;
    margin-bottom:24px;
  }
  
  .arrow{
    font-size:3.4rem;
  }

  /**** CLIENTS ****/
  #section-clients{
    padding:100px 80px;
  }
  
  .client-top{
    height:170px;
  }

  .catagory{
    padding-top:26px;
    font-size:1.1rem;
  }
  
  .client-bottom{
    height:140px;
  }
  
  .client-name{
    font-size:1.1rem;
  }

  .client-top-whas{
    height:170px;
  }



}