@media (min-width: 20em) {
    .mobile { display: block; } .desktop { display: none; }
    .banner-wrapper{ height:370px; }
    .banner-wrapper video{ width:100%; transform:scale(2.4); margin-top:29%; }
    .ltext{ font-size:28px;}
    .copy-text { text-align: center; } .wc-text {text-align: center; } }
  @media (min-width: 48em) {
    .mobile { display: block; } .desktop { display: none; }
     .banner-wrapper{ height:440px; }
     .banner-wrapper video{ width:100%; transform:scale(1.5); margin-top:6%; }
    .ltext{ font-size:28px;}
    .copy-text { text-align: center; }.wc-text { text-align: center; } }
  
  @media (min-width: 64em) {
    .mobile { display: none; }.desktop { display: block; }
    .banner-wrapper{ height:auto; }
    .banner-wrapper video{ width:100%; transform:scale(1.0); margin-top:0; }
    .video-button{ top: 70%; left: 48%;}
    .ltext { font-size:48px;}
    .copy-text { text-align: left; } .wc-text { text-align: right; } }
  
  @media (min-width: 85.375em) {
    .mobile { display: none; } .desktop {  display: block; }
    .banner-wrapper{ height:auto; }
    .banner-wrapper video{ width:100%; transform:scale(1.0); margin-top:0; }
    .video-button{ top: 70%; left: 48%;}
    .ltext  { font-size:48px;}
     .copy-text {text-align: left; }.wc-text {text-align: right; } }
  
  @media (min-width: 120em) {
    .mobile {display: none; } .desktop { display: block; }
    .banner-wrapper{ height:auto; }
    .banner-wrapper video{ width:100%; transform:scale(1.0); margin-top:0; }
    .ltext  { font-size:48px;}
    .copy-text { text-align: left; } .wc-text {text-align: right; } }
  
  @media (min-width: 160em) {
    .mobile {display: none; } .desktop { display: block; }
    .banner-wrapper{ height:auto; }
    .banner-wrapper video{ width:100%; transform:scale(1.0); margin-top:0; }
    .ltext  { font-size:48px;}
    .copy-text { text-align: left; }.wc-text { text-align: right; } }