

.content img {
  height: auto;
  width: 40%;
    margin-top:50px;

}


body, h1, h2, h3, h4, h5, h6  {
  font-family: Arial, Helvetica, sans-serif ;
}

.thumb1 {
 position:absolute;
 bottom:50%;
 right: 75%;
 width: 50px;
 height: 50px;
 }
 
.thumb2 {
 position:absolute;
 bottom:42%;
 right: 75%;
  width: 50px;
  height: 50px;
 }
 
 .thumb3 {
 position:absolute;
 bottom:34%;
 right: 75%;
  width: 50px;
  height: 50px;
 }
 
  .thumb4 {
 position:absolute;
 bottom:26%;
 right: 75%;
  width: 50px;
  height: 50px;
 }


.bio {
text-align:left;
 position:absolute;
 bottom:20%;
 left: 75%;
 
 }

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


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


audio {
display:none;
}

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

a {
    text-decoration:none;
}
a.hover {
    color:#11A7F2;
}
@media screen and (max-width: 800px) {

.bio {
text-align:left;
position:relative;
  width: 60%;
 left:20%;
 right:20%;
padding-top:20px;
}
 

.content img {
 position:relative;
  height: auto;
  width: 75%;
margin-left:50px;
margin-top:-25px;
}

.content {
position:relative;
margin-top:-25px;
}

.key {
 position:relative;
 top:-100px;
 width:300px; 
 height:300px;}


.thumb1 {
 position:fixed;
 bottom:70%;
 left: 5%;
 height:40px;
 width:40px;
 
 }
 
.thumb2 {
 position:fixed;
 bottom:62%;
 left: 5%;
 height:40px;
 width:40px;
 }
 
 .thumb3 {
 position:fixed;
 bottom:54%;
 left: 5%;
 height:40px;
 width:40px;
 }
 
  .thumb4 {
 position:fixed;
 bottom:46%;
 left: 5%;
 height:40px;
 width:40px;
 }



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

p1 {
 font-family: Arial, sans-serif;
 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;
}
}