.artists {
 text-align: left;
 float: left;
 position: fixed;
 top: 100px; 
 left: 25px;
 }


#logo {
content:url(http://empathy.support/files/newlogo.png);
position: relative;
padding:20px 20px;
width: 20%;
}


.products {
display:grid;
transition: 1.5s;
  padding: 25px 25px 0px 150px;
  opacity:1;
  grid-gap: 25px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.products img {
  width: 200px;
  height:200px;
}

body {
background-size: 100vh;
background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
}


p1 {
 font-family: Courier New;
 font-stretch: ultra-expanded;
 height:100%;
 color: black;
 font-size:16px;
 padding:18px;
 text-decoration:none;
}

p2 h2 {
 font-family: Courier New;
 font-stretch: ultra-expanded;
 height:100%;
 color: black;
 font-size:16px;
 padding:18px;
  text-decoration:none;
}


a {
    color:black;
    text-decoration:none;
}
a.hover {
    color:#11A7F2;
}
@media screen and (max-width: 800px) {
    
p1 a {
 font-family: Courier New;
 color: black;
 font-size:10px;
 text-decoration:none;
font-stretch: ultra-expanded;
}

.artists {
 text-align: left;
 float: left;
 position: fixed;
 bottom: 200px; 
 left: 10px;}
 
#logo {
content:url(http://empathy.support/files/newlogo.png);
position: relative;
padding-top: 20px;
width: 80%;
filter: none;}

#controls {
display:none;}

.products {
display:grid;
transition: 1.5s;
  padding: 30px 20px 0px 30px;
  opacity:1;
  grid-gap: 50px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));}
  
body {
background-image: none;
background-size: 100vh;
background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}

#freeshipping {
animation-name: pulse_animation;
    animation-duration: 2000ms;
    transform-origin:50%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
position: fixed;
top: 300px; 
right: 20px;
width: 40%;
}
}

.products:hover{
opacity:1;
display: grid;
}

audio {
display:none;
}

button {
padding:1px;
font-family: Helvetica;
font-stretch: ultra-expanded;
float:right;
background-color:transparent;
border:none;
}