*{
    margin: 0;
    padding: 0;
    line-height: 1.5;
    text-decoration: none;
    list-style: none;  
    background:#fc0fc0 ;  
    font-family:Arial, Helvetica, sans-serif;
  }
  h1{
    font-size: 5rem;
    text-align: center;
  }
  .social li{
    display: inline;
  }
  .shop li a h4{
    padding: 2.5% 15% 2.5% 15%;
    text-align:center;
    color: white;
  }
  .shop li a h4:hover{
    color:purple;
  }
  .footer{
    display: block;
    border: 5px solid black;
    background: black;
    text-align: center;
  }
h3{
    font-size: 2.5rem;
  }
  @media (min-width:360px){
    h1{
        font-size: 2rem;
    }
    .social li{
      padding-left: 4em;
    }
    .shop li a{
        font-size: 2rem;
    }
    h3{
        font-size: 1.1rem;
    }
}
    @media (min-width:720px){
    h1{
        font-size: 4rem;
    }
    .social li{
      padding-left: 10em;
    }
    .shop li a{
        font-size: 4rem;
    }
    h3{
        font-size: 2rem;
    }
  }
  @media (min-width:1080px){
    .social li{
      padding-left: 30em;
    }
  }