:root {
  --main: #d46f33;
  --sub: #bc8c67; 
  --dark: #ba5d1f; 
  --udark:#72360d;
  --light: #f6ece2; 
  --high: #ee6f23; 
}

@media (min-width: 20em) {
    .mobile { display: block; } .desktop { display: none; }
    .sub-banner-wrapper img{ width:200%;  }
    .home-contact{position: relative; margin-bottom: 0%; z-index:10; }
    .home-about-wrapper{background: url(../img/mabout-bg.png) no-repeat right center; background-color: var(--light);}
    .box img{ width:300%;}
    .demo{height:135%;}
    .footer-wrapper { background: url(../img/mfooter-bg1.png) no-repeat left top , url(../img/mfooter-bg2.jpg) no-repeat right bottom #d3b99f;padding-bottom: 170px;}
    .copy-text { text-align: center; } .wc-text {text-align: center; } }
  @media (min-width: 48em) {
    .mobile { display: block; } .desktop { display: none; }
    .sub-banner-wrapper img{ width:120%;  }
    .home-contact{position: relative; margin-bottom: 0%; z-index:10; }
    .home-about-wrapper{background: url(../img/mabout-bg.png) no-repeat right center; background-color: var(--light);}
    .box img{ width:200%;}
    .demo{height:82%;}
    .footer-wrapper { background: url(../img/mfooter-bg1.png) no-repeat left top , url(../img/mfooter-bg2.jpg) no-repeat right bottom #d3b99f;padding-bottom: 145px;}
    .copy-text { text-align: center; }.wc-text { text-align: center; } }
  
  @media (min-width: 64em) {
    .mobile { display: none; }.desktop { display: block; }
    .sub-banner-wrapper img{ width:100%;  }
    .home-contact{position: relative; margin-bottom: -60%; z-index:10; }
    .home-about-wrapper{background: url(../img/about-bg.png) no-repeat right center; background-color: var(--light);}
    .box img{ width:100%;}
    .demo{height:103%;}
    .footer-wrapper { background: url(../img/footer-bg1.png) no-repeat left top , url(../img/footer-bg2.jpg) no-repeat right bottom #d3b99f;padding-bottom: 200px;}
    .copy-text { text-align: left; } .wc-text { text-align: right; } }
  
  @media (min-width: 85.375em) {
    .mobile { display: none; } .desktop {  display: block; }
    .sub-banner-wrapper img{ width:100%;  }
    .home-contact{position: relative; margin-bottom: -60%; z-index:10; }
    .home-about-wrapper{background: url(../img/about-bg.png) no-repeat right center; background-color: var(--light);}
    .box img{ width:100%;}
    .demo{height:120%;}
    .footer-wrapper { background: url(../img/footer-bg1.png) no-repeat left top , url(../img/footer-bg2.jpg) no-repeat right bottom #d3b99f;}
     .copy-text {text-align: left; }.wc-text {text-align: right; } }
  
  @media (min-width: 120em) {
    .mobile {display: none; } .desktop { display: block; }
    .sub-banner-wrapper img{ width:100%;  }
    .home-contact{position: relative; margin-bottom: -60%; z-index:10; }
    .home-about-wrapper{background: url(../img/about-bg.png) no-repeat right center; background-color: var(--light);}
    .box img{ width:100%;}
    .demo{height:110%;}
    .footer-wrapper { background: url(../img/footer-bg1.png) no-repeat left top , url(../img/footer-bg2.jpg) no-repeat right bottom #d3b99f;}
    .copy-text { text-align: left; } .wc-text {text-align: right; } }
  
  @media (min-width: 160em) {
    .mobile {display: none; } .desktop { display: block; }
    .sub-banner-wrapper img{ width:100%;  }
    .home-contact{position: relative; margin-bottom: -60%; z-index:10; }
    .home-about-wrapper{background: url(../img/about-bg.png) no-repeat right center; background-color: var(--light);}
    .box img{ width:100%;}
    .demo{height:100%;}
    .footer-wrapper { background: url(../img/footer-bg1.png) no-repeat left top , url(../img/footer-bg2.jpg) no-repeat right bottom #d3b99f;}
    .copy-text { text-align: left; }.wc-text { text-align: right; } }