@media (min-width: 20em) {
    .mobile { display: block; } .desktop { display: none; }
    .why-list li{ margin: 1%; width: 98%;}
    .socialmedia-menu ul {margin-top: 0px;}
    .copy-text { text-align: center; } .wc-text {text-align: center; } }
  @media (min-width: 48em) {
    .mobile { display: block; } .desktop { display: none; }
    .why-list li{ margin: 1%; width: 98%;}
    .socialmedia-menu ul {margin-top: 0px;}
    .copy-text { text-align: center; }.wc-text { text-align: center; } }
  
  @media (min-width: 64em) {
    .mobile { display: none; }.desktop { display: block; }
    .why-list li{ margin: 1%; width: 47%;}
    .socialmedia-menu ul {margin-top: 20px;}
    .copy-text { text-align: left; } .wc-text { text-align: right; } }
  
  @media (min-width: 85.375em) {
    .mobile { display: none; } .desktop {  display: block; }
    .why-list li{ margin: 1%; width: 47%;}
    .socialmedia-menu ul {margin-top: 20px;}
     .copy-text {text-align: left; }.wc-text {text-align: right; } }
  
  @media (min-width: 120em) {
    .mobile {display: none; } .desktop { display: block; }
    .why-list li{ margin: 1%; width: 47%;}
    .socialmedia-menu ul {margin-top: 20px;}
    .copy-text { text-align: left; } .wc-text {text-align: right; } }
  
  @media (min-width: 160em) {
    .mobile {display: none; } .desktop { display: block; }
    .why-list li{ margin: 1%; width: 47%;}
    .socialmedia-menu ul {margin-top: 20px;}
    .copy-text { text-align: left; }.wc-text { text-align: right; } }