.mySlides {display:none;}

body {
background-image: none;
background-size: 100%;
background-repeat: no-repeat;
  background-attachment: fixed;
}

 
.bio {
 text-align:center;
 padding:0px;
 margin: 0 auto;
 }

#logo {
content:url(http://empathy.support/files/newlogo.png);
margin-top:0px;
padding: 20px;
width:20%;
}



.products img {
  height: auto;
  width: 60%;
}



.fade {
width:100;
height:100;
opacity:0.5;
z-index: 1;
}


audio {
display:none;
}

button {
font-family: Courier New;
padding:5px;
float:right;
background-color:transparent;
border:1px;
text-color:#2D79E8;
}


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

a {
 font-family: Courier New;
 font-stretch: ultra-expanded;
 height:100%;
 color: black;
 font-size:16px;
 padding:18px;
 text-decoration:none;
 
}
a.hover {
    color:#11A7F2;
}

@media screen and (max-width: 800px) {
#controls {
display:none;}
.bio {
 width:100%;
 text-align: center;
 margin: 0 auto;
 padding:0px;}
 
.products img {
 width:90%; 
 height:auto;}

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

p1 {
 font-family: Courier New;
 color: black;
 font-size:12px;
 filter:none;
 text-shadow:none;}

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