@media (min-width: 20em) {
    .mobile { display: block; } .desktop { display: none; }
    .top-wrapper .logo img{width:130px; height: auto;}
    .book-button{ font-size:15px; margin-top: 50px; float: right; padding: 6px 8px;} 
    .banner-gradient{ height: 150px;} 
    .qlinks{margin-top:-10px;}
    .banner-text { position:absolute; z-index:55; bottom:5px; left:10px; }
    .banner-text h1{ color:#fff; font-size:20px }
    .banner-text h2{ color:var(--hlwhite); font-size:18px }
    .banner-text p{ color:#fff; font-size:12px;  } 
    .copy-text { text-align: center; } .wc-text {text-align: center; } }
  @media (min-width: 48em) {
    .mobile { display: block; } .desktop { display: none; }
    .top-wrapper .logo img{width:130px; height: auto;}
    .book-button{ font-size:15px; margin-top: 50px; float: right; padding: 6px 8px;} 
    .banner-gradient{ height: 150px;} 
    .qlinks{margin-top:-10px;}
    .banner-text { position:absolute; z-index:55; bottom:5px; left:10px; }
    .banner-text h1{ color:#fff; font-size:20px }
    .banner-text h2{ color:var(--hlwhite); font-size:18px }
    .banner-text p{ color:#fff; font-size:12px;  } 
    .copy-text { text-align: center; }.wc-text { text-align: center; } }
  
  @media (min-width: 64em) {
    .mobile { display: none; }.desktop { display: block; }
    .top-wrapper .logo img{width:180px; height: auto;}
    .book-button{ font-size:20px; margin-top: 40px; float: right; padding: 10px 15px;} 
    .banner-gradient{ height: 250px;} 
    .qlinks{margin-top:-45px;}
    .banner-text { position:absolute; z-index:55; bottom:60px; left:50px; }
    .banner-text h1{ color:#fff; font-size:40px }
    .banner-text h2{ color:var(--hlwhite); font-size:35px }
    .banner-text p{ color:#fff; font-size:20px;  } 
    .copy-text { text-align: left; } .wc-text { text-align: right; } }
  
  @media (min-width: 85.375em) {
    .mobile { display: none; } .desktop {  display: block; }
    .top-wrapper .logo img{width:180px; height: auto;}
    .book-button{ font-size:20px; margin-top: 40px; float: right; padding: 10px 15px;}
    .banner-gradient{ height: 250px;}
    .qlinks{margin-top:-45px;} 
    .banner-text { position:absolute; z-index:55; bottom:60px; left:50px; }
    .banner-text h1{ color:#fff; font-size:40px }
    .banner-text h2{ color:var(--hlwhite); font-size:35px }
    .banner-text p{ color:#fff; font-size:20px;  }  
    .copy-text {text-align: left; }.wc-text {text-align: right; } }
  
  @media (min-width: 120em) {
    .mobile {display: none; } .desktop { display: block; }
    .top-wrapper .logo img{width:180px; height: auto;}
    .book-button{ font-size:20px; margin-top: 40px; float: right; padding: 10px 15px;} 
    .banner-gradient{ height: 250px;} 
    .qlinks{margin-top:-45px;}
    .banner-text { position:absolute; z-index:55; bottom:60px; left:50px; }
    .banner-text h1{ color:#fff; font-size:40px }
    .banner-text h2{ color:var(--hlwhite); font-size:35px }
    .banner-text p{ color:#fff; font-size:20px;  } 
    .copy-text { text-align: left; } .wc-text {text-align: right; } }
  
  @media (min-width: 160em) {
    .mobile {display: none; } .desktop { display: block; }
    .top-wrapper .logo img{width:180px; height: auto;}
    .book-button{ font-size:20px; margin-top: 40px; float: right; padding: 10px 15px;} 
    .banner-gradient{ height: 250px;} 
    .qlinks{margin-top:-45px;}
    .banner-text { position:absolute; z-index:55; bottom:60px; left:50px; }
    .banner-text h1{ color:#fff; font-size:40px }
    .banner-text h2{ color:var(--hlwhite); font-size:35px }
    .banner-text p{ color:#fff; font-size:20px;  } 
    .copy-text { text-align: left; }.wc-text { text-align: right; } }